22 lines
473 B
TypeScript

import { ReactNode, useState } from 'react';
interface SidebarLinkGroupProps {
children: (handleClick: () => void, open: boolean) => ReactNode;
activeCondition: boolean;
}
const SidebarLinkGroup = ({
children,
activeCondition,
}: SidebarLinkGroupProps) => {
const [open, setOpen] = useState<boolean>(activeCondition);
const handleClick = () => {
setOpen(!open);
};
return <li>{children(handleClick, open)}</li>;
};
export default SidebarLinkGroup;