import { makeStyles } from "../theme" ; const useStyles = makeStyles ( ( theme ) => ( { root : { [ theme . breakpoints . up ( "md" ) ] : { "&& table" : { tableLayout : "fixed" } } , "& table" : { tableLayout : "auto" } , overflowX : "auto" , width : "100%" } } ) , { name : "ResponsiveTable" } ) ; export default useStyles ;