1import Box from '@material-ui/core/Box';
 2import Button from '@material-ui/core/Button';
 3import Icon from '@material-ui/core/Icon';
 4import {ReactNode} from 'react';
 5import useStyles from './useStyles';
 6
 7interface Props {
 8  disabled: boolean;
 9  children: ReactNode;
10  important?: boolean;
11}
12
13const SubmitButton = ({disabled, children, important}: Props) => {
14  const classes = useStyles();
15  return (
16    <Box className={classes.buttonBox}>
17      <Button
18        color={important ? 'secondary' : 'primary'}
19        variant={important ? 'contained' : 'outlined'}
20        fullWidth
21        type="submit"
22        disabled={disabled}
23        aria-disabled={disabled}
24        id="AddPassenger"
25        startIcon={<Icon>person_add</Icon>}
26      >
27        {children}
28      </Button>
29    </Box>
30  );
31};
32
33export default SubmitButton;