import Container from 'react-bootstrap/Container'
import Row from 'react-bootstrap/Row'
import Col from 'react-bootstrap/Col'
import { ATextField } from '../../../form-fields/form-field.component'

const DietPlanHeaderComponent = ({
    educatorName="hello world", props
}) => {
    
    return(
        <Container>
            <Row>
                <Col><h5>Diabetes Educator Details</h5></Col>                
            </Row>
            <hr/>
            <Row>
                <Col><h6>Name:</h6></Col>                
                <Col>{educatorName}</Col>
            </Row>
            <Row>
                <Col><h6>Phone No:</h6></Col>                
                <Col><ATextField label="" name="phoneno" type="text" /></Col>
            </Row>
        </Container>
    )
}

export { DietPlanHeaderComponent}