import { makeStyles } from '@material-ui/core' ; export const useStyles = makeStyles ( ( { spacing , palette } ) => ( { thumbnailContainer : { flexShrink : 0 , marginRight : spacing ( 1 ) , width : 65 , height : '100%' , position : 'relative' , } , thumbnail : { display : 'block' , width : '100%' , height : '100%' , objectFit : 'cover' , } , duration : { background : 'rgba(0,0,0,0.5)' , position : 'absolute' , color : palette . primary . contrastText , fontSize : 12 , bottom : 0 , right : 0 , } , text : { display : 'block' , whiteSpace : 'nowrap' , overflow : 'hidden' , textOverflow : 'ellipsis' , } , } ) ) ;