import { HTMLAttributes , ReactNode } from 'react' ; import { classnames } from '../../helpers' ; interface Props extends HTMLAttributes < HTMLUListElement > { listClassName ? : string ; className ? : string ; children ? : ReactNode ; } const SidebarList = ( { className , listClassName = 'navigation-list' , children , ... rest } ) => { return ( < ul className = { classnames ( [ 'unstyled mt0' , listClassName , className ] ) } { ... rest } > { children } < /ul>); } ; export const SubSidebarList = ( { children , ... rest } ) => { return ( < SidebarList listClassName = "navigation-sublist" { ... rest } > { children } < /SidebarList>); } ; export default SidebarList ;