Create a Responsive Recursive Sidebar with React and Tailwind CSS

Create a side bar using recursive component. in side bar there will be children with its corresponding item. when user click parent item then children item will open. a hamburger button to open close side bar. when click any item of side bar it will be active otherwise not. active and inactive fuctionality depends on route path. make it reaponsive for tab, mobile, pc and the width of side bar will be resiable in pc mode or large window.