// ** MUI Imports import TreeView from '@mui/lab/TreeView' import TreeItem from '@mui/lab/TreeItem' // ** Icon Imports import Icon from 'src/@core/components/icon' interface Props { direction: 'ltr' | 'rtl' } interface RenderTree { id: string name: string children?: RenderTree[] } const data: RenderTree = { id: 'root', name: 'Parent', children: [ { id: '1', name: 'Child - 1' }, { id: '3', name: 'Child - 3', children: [ { id: '4', name: 'Child - 4' } ] } ] } const TreeViewRichObject = ({ direction }: Props) => { const renderTree = (nodes: RenderTree) => ( {Array.isArray(nodes.children) ? nodes.children.map(node => renderTree(node)) : null} ) const ExpandIcon = direction === 'rtl' ? 'mdi:chevron-left' : 'mdi:chevron-right' return ( } defaultCollapseIcon={} > {renderTree(data)} ) } export default TreeViewRichObject