import React, { Component } from 'react';
import {
  Row,
  Col,
  MDBSelect,
  MDBSelectInput,
  MDBSelectOptions,
  MDBSelectOption
 } from 'mdbreact';

 class AboutMyVisit extends Component {
   constructor(props) {
     super(props);
    const relatives = [
       'Family',
       'Friend',
       'Doctor',
       'Online',
       'Newspaper',
       'Radio',
       'Healthcare magazine',
       'Other (specify)'
     ];
     this.state = { relatives };
   }

   render() {
     return (
       <div>
         <Row>
         <p className="mt-3 mr-2 pl-3">How did you hear about us?</p>
          <Col md="4" xs="12">
            <MDBSelect>
              <MDBSelectInput selected="Friend" />
              <MDBSelectOptions>
                {this.state.relatives.map((relative, id) => (
                  <MDBSelectOption key={id}>{relative}</MDBSelectOption>
                ))}
              </MDBSelectOptions>
            </MDBSelect>
          </Col>
         </Row>
        </div>
     );
   };
 }
export default AboutMyVisit;