import * as React from 'react' ; import { ReactNode } from 'react' ; import { Box , Typography , List } from '@material-ui/core' ; import { useTranslate } from 'ra-core' ; see FilterListItem example const FilterList = ( props ) => { const { label , icon , children } = props ; const translate = useTranslate ( ) ; return ( < > < Box mt = { 2 } display = "flex" alignItems = "center" > < Box mr = { 1 } > { icon } < /Box> < Typography variant = "overline" > { translate ( label ) } < /Typography> < /Box> < List dense disablePadding > { children } < /List> < />); } ; export default FilterList ;