// ** 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