{"size": 1550, "ext": "js", "max_stars_repo_path": "client/src/Medic/Wrapper/Wrapper.js", "max_stars_repo_name": "TalkingSkunk/UberMedic", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "client/src/Medic/Wrapper/Wrapper.js", "max_issues_repo_name": "TalkingSkunk/UberMedic", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "client/src/Medic/Wrapper/Wrapper.js", "max_forks_repo_name": "TalkingSkunk/UberMedic", "max_forks_repo_forks_event_min_datetime": "2021-04-06T05:39:41.000Z", "max_forks_repo_forks_event_max_datetime": "2021-04-07T01:32:00.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 2, "avg_line_length": 29.2452830189, "max_line_length": 98, "alphanum_fraction": 0.4941935484}
import React, { useEffect, useState, useContext }  from 'react';
import CallDetailsForm from "../CallDetailsForm/CallDetailsForm";
import Map from '../Map/Map';
import Navbar from '../Navbar/Navbar';
import { Container, Row, Col, CardDeck } from "react-bootstrap";
import "bootstrap/dist/css/bootstrap.min.css";
import '../Wrapper/Wrapper.css'
// import { MedicDispatchProvider, MedicDispatchContext } from "../../utils/MedicDispatchContext";
// import DispatcherMap from "../DispatcherMap/DispatcherMap"

//import id number of user
const id = 30000

const isMedic = id < 10000


// const [medicDispatch, setMedicDispatch] = useContext(MedicDispatchContext)
{/* <div>{JSON.stringify(medicDispatch, null, 2)}</div> */}
function MedicWrapper(){
    return(

            <Container>
              <body style={{margin:"20px"}}>
                {/* {isMedic
                    ? <Row>
                        <Navbar />
                        <CallDetailsForm />
                        <Map />
                    </Row>
                    : <Row>
                        <DispatcherMap />
                    </Row>
                } */}

                <Row>
                <h1 style={{textAlign:"center"}}>UberMedic</h1>
                    <Navbar />
                 <CardDeck>
                    <CallDetailsForm />
                    <Col>
                    <Map />
                    </Col>
                    </CardDeck>
                </Row>

                </body>
            </Container>

    )


}
export default MedicWrapper;