frontend/containers/NewPassengerDialog/SubmitButton.tsx (view raw)
1import Box from '@mui/material/Box';
2import Button from '@mui/material/Button';
3import Icon from '@mui/material/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;