import React , { FunctionComponent , ReactNode , HTMLAttributes } from 'react' ; import { makeStyles , Theme } from '@material-ui/core/styles' ; import MUIAccordionDetails from '@material-ui/core/AccordionDetails' ; import { StandardProps } from '@toptal/picasso-shared' ; import styles from './styles' ; export interface Props extends StandardProps , HTMLAttributes < HTMLDivElement > { children ? : ReactNode ; } const useStyles = makeStyles < Theme , Props > ( styles , { name : 'PicassoAccordionDetails' } ) ; const AccordionDetails = props => { const { children , classes : externalClasses , ... rest } = props ; const classes = useStyles ( props ) ; return ( < MUIAccordionDetails { ... rest } classes = { classes } > { children } < /MUIAccordionDetails>); } ; export default AccordionDetails ;