import { makeStyles } from "../theme" ; const useStyles = makeStyles ( ( theme ) => ( { content : { "&:last-child" : { paddingBottom : theme . spacing ( 2 ) } , display : "flex" , gap : theme . spacing ( 2 ) , paddingBottom : theme . spacing ( 2 ) , paddingTop : theme . spacing ( 2 ) , [ theme . breakpoints . down ( "sm" ) ] : { marginTop : theme . spacing ( 1 ) } } , paper : { borderBottomLeftRadius : 0 , borderBottomRightRadius : 0 } , root : { height : 72 } , shadow : { boxShadow : `0 -24px 20px -20px rgba(0, 0, 0, 0.15)` } } ) , { name : "Savebar" } ) ; export default useStyles ;