content-header

import React, { Component } from 'react';
import './Layout.css';

class Policy extends Component {
    constructor(props) {
      super(props);
      this.state = {
        selectedOption: '', // Initialize the selected option state
      };
    }

    // Event handler to handle select change
    handleSelectChange = (event) => {
      this.setState({ selectedOption: event.target.value });
    };

    render() {
      return (
       <>
        <div className='main-header'>
          <div>
          <h2>Select Example</h2>
          <select value={this.state.selectedOption} onChange={this.handleSelectChange}>
            <option value="">Select an option</option>
            <option value="option1">Option 1</option>
            <option value="option2">Option 2</option>
            <option value="option3">Option 3</option>
          </select>
          <p>Selected option: {this.state.selectedOption}</p>
          </div>

          <div>
          <h2>Select Example</h2>
          <select value={this.state.selectedOption} onChange={this.handleSelectChange}>
            <option value="">Select an option</option>
            <option value="option1">Option 1</option>
            <option value="option2">Option 2</option>
            <option value="option3">Option 3</option>
          </select>
          <p>Selected option: {this.state.selectedOption}</p>
          </div>
        </div>

        <div className='main-content'>

        </div>
       </>

      );
    }
  }

  export default Policy;