import { createStyles , makeStyles } from '@material-ui/core' ; import { IThemeWeb } from '../../../Themes' ; const style = ( theme ) => createStyles ( { listItem : { borderRadius : theme . shape ?. borderRadius , cursor : 'pointer' , padding : theme . sizes ?. tiny , '&:hover' : { backgroundColor : theme . palette ?. action ?. hover } } , iconItem : { marginRight : theme . sizes ?. standard , marginTop : theme . sizes ?. none , minWidth : 'auto' } , subheader : { backgroundColor : `${ theme . palette ?. background ?. paper }` , borderTop : `${ theme . palette ?. action ?. hover } 1px solid` , margin : `${ theme . sizes ?. small }px -${ theme . sizes ?. tiny }px 0` } , linkItem : { alignItems : 'center' , color : 'inherit' , display : 'flex' , fontFamily : theme . typography . fontFamily , fontSize : theme . typography . body2 ?. fontSize , fontWeight : theme . typography . body2 ?. fontWeight , letterSpacing : theme . typography . body2 ?. letterSpacing , lineHeight : theme . typography . body2 ?. lineHeight , textDecoration : 'none' , width : '100%' } } ) ; export const useStyles = makeStyles ( style , { name : 'NatDSMenuItemText' } ) ; export default useStyles ;