// ** React Imports import { SyntheticEvent, useState } from 'react' // ** 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' } const TreeViewControlled = ({ direction }: Props) => { // ** States const [expanded, setExpanded] = useState([]) const [selected, setSelected] = useState([]) const handleToggle = (event: SyntheticEvent, nodeIds: string[]) => { setExpanded(nodeIds) } const handleSelect = (event: SyntheticEvent, nodeIds: string[]) => { setSelected(nodeIds) } const ExpandIcon = direction === 'rtl' ? 'mdi:chevron-left' : 'mdi:chevron-right' return ( } defaultCollapseIcon={} > ) } export default TreeViewControlled