1import { makeStyles } from "@material-ui/core/styles";
 2
 3const useStyles = makeStyles(theme => ({
 4    dialogContent: {
 5      padding: theme.spacing(1, 3, 3, 3),
 6    },
 7    labelIcon: {
 8      verticalAlign: 'middle',
 9      fontSize: '1rem'
10    },
11    inputBox: {
12      padding: theme.spacing(1, 0),
13    },
14    buttonBox: {
15      padding: theme.spacing(2, 0, 1, 0),
16    },
17    title: {
18      textAlign: 'center',
19      width: '100%',
20      padding: theme.spacing(2, 8, 0, 8),
21    },
22    closeIcon: {
23      position: 'absolute',
24      top: theme.spacing(2),
25      right: theme.spacing(2),
26      cursor: 'pointer',
27      padding: theme.spacing(0.5),
28      width: theme.spacing(4),
29      height: theme.spacing(4),
30    },
31  }));
32  
33  export default useStyles;