"use client"

import { usePathname } from "next/navigation"
import { SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
import { AppSideBar } from "@/components/layout/AppSidebar"
import { DashboardBoardHeader } from "@/components/layout/DashboardHeader"
import { getNavItems } from "@/lib/navigation"
import { useTranslations } from "next-intl"

export default function DashboardLayout({ children }: { children: React.ReactNode }) {
  const pathname = usePathname()
  const t = useTranslations()

  const navItems = getNavItems(pathname, t)

  const currentPage = navItems.find(item => item.active)
  const pageTitle = currentPage ? currentPage.label : "Dashboard"
  return (
    <SidebarProvider>
      <AppSideBar variant="inset" />
      <SidebarInset>
        <DashboardBoardHeader pageTitle={pageTitle} />
        <main className="bg-[#EFEFEF] p-4 lg:p-4 w-full min-w-0 max-w-none  xl:max-w-[calc(100vw-16rem-2rem)] 2xl:max-w-7xl mx-auto">
          {children}
        </main>
      </SidebarInset>
    </SidebarProvider>
  )
}