import { LightenColor } from '@energyweb/origin-ui-theme' ; import { makeStyles } from '@mui/styles' ; export const useStyles = makeStyles ( ( theme ) => ( { thumbsContainer : { display : 'flex' , flexDirection : 'row' , flexWrap : 'wrap' , marginTop : 16 , marginBottom : 16 , } , thumb : { display : 'inline-flex' , borderRadius : 2 , border : `1px solid ${ LightenColor ( theme . palette . text . secondary , 25 , theme . palette . mode ) }` , marginBottom : 8 , marginRight : 8 , width : 100 , height : 100 , padding : 4 , boxSizing : 'border-box' , } , thumbInner : { display : 'flex' , minWidth : 0 , overflow : 'hidden' , } , } ) ) ;