'use client'
import { useState } from "react"
import { usePathname, useRouter } from 'next/navigation'
import SidebarFooter from "./SidebarFooter"
import Button from "./Button"
export default function Sidebar({ children }: { children?: React.ReactNode }) {
const router = useRouter()
const pathname = usePathname()
const [isOpen, setIsOpen] = useState(false)
const [openSubmenu, setOpenSubmenu] = useState<'teams' | 'players' | null>(null)
const toggleSidebar = () => setIsOpen(prev => !prev)
const handleSubmenuToggle = (menu: 'teams' | 'players') => {
setOpenSubmenu(prev => (prev === menu ? null : menu))
}
return (
<>
{children}
)
}