import { makeStyles } from '@mui/styles' ; export const useStyles = makeStyles ( ( theme ) => ( { paper : { width : '100%' , [ theme . breakpoints . down ( 'md' ) ] : { padding : 15 , } , [ theme . breakpoints . up ( 'sm' ) ] : { padding : 30 , } , } , } ) ) ;