import React from 'react';

import { makeStyles } from '@material-ui/core/styles';

import AppBar from '@material-ui/core/AppBar';

import Toolbar from '@material-ui/core/Toolbar';

import Typography from '@material-ui/core/Typography';

import Button from '@material-ui/core/Button';

import IconButton from '@material-ui/core/IconButton';

import MenuIcon from '@material-ui/icons/Menu';

import Checkbox from '@material-ui/core/Checkbox';

const useStyles = makeStyles(theme => ({

root: {

flexGrow: 1,

},

menuButton: {

marginRight: theme.spacing(2),

},

title: {

flexGrow: 1,

},

}));

export default function (ToolBar,Checkboxes) {

const classes = useStyles();

 const [checked, setChecked] = React.useState(true);

const handleChange = event => {

setChecked(event.target.checked);

};

return (

<div className={classes.root}>

<AppBar color="primary" position="static">

<Toolbar>

<label>Ha tenido contacto con alguien del extrajero o ha viajado al extranjero en los ultimos 60
dias</label>

<Checkbox

checked={checked}

onChange={handleChange}

value="primary"

inputProps={{ 'aria-label': 'primary checkbox' }}

/>

<br></br>

<label>Personas que lo rodean presentan sintomas de gripa</label>

<Checkbox

checked={checked}

onChange={handleChange}

value="primary"

inputProps={{ 'aria-label': 'primary checkbox' }}

/>
 </Toolbar>

</AppBar>

</div>

);