import { Theme } from "@mui/material" ; import createStyles from "@mui/styles/createStyles" ; import makeStyles from "@mui/styles/makeStyles" ; export const useStyles = makeStyles ( ( theme ) => createStyles ( { flexCenter : { display : "flex" , alignItems : "center" , justifyContent : "center" } , smallMargin : { margin : theme . spacing ( 1 ) } , arrayWrap : { display : "flex" , flexWrap : "wrap" } , array : { display : "flex" , flexDirection : "column" } , arrayItem : { margin : theme . spacing ( 0.5 ) } , arrayItemBig : { margin : theme . spacing ( 1 ) } , link : { display : "flex" , wordBreak : "break-word" , fontWeight : theme . typography . fontWeightMedium } } ) ) ;