import { HexToRGBA } from '@energyweb/origin-ui-theme' ; import { makeStyles } from '@mui/styles' ; export const useStyles = ( height ) => { return makeStyles ( ( theme ) => ( { wrapper : { position : 'relative' , } , tintedBottom : { height : height , width : '100%' , position : 'absolute' , bottom : 0 , left : 0 , background : `linear-gradient(360deg,
        ${ theme . palette . background . paper }
        12.5%, ${ HexToRGBA ( theme . palette . background . paper , 1 ) })` , } , } ) ) ( ) ; } ;