import { makeStyles } from '@mui/styles' ; export const useStyles = makeStyles ( ( theme ) => ( { wrapper : { backgroundColor : theme . palette . background . paper , width : '100%' , minHeight : '100vh' , display : 'flex' , justifyContent : 'center' , alignItems : 'center' , } , paper : { width : '50%' , padding : 20 , } , } ) ) ;