import { makeStyles } from "../theme" ; export const useStyles = makeStyles ( ( theme ) => ( { root : { boxShadow : "0px 0px 0px rgba(2, 25, 58, 0.16)" , transition : theme . transitions . create ( "box-shadow" ) } , bottom : { boxShadow : "0px -6px 30px rgba(2, 25, 58, 0.16)" } , top : { boxShadow : "0px 6px 30px rgba(2, 25, 58, 0.16)" } } ) , { name : "ScrollShadow" } ) ;