"use client"; import "./globals.css"; import { SidebarInset, SidebarProvider, SidebarTrigger, } from "@/components/ui/sidebar"; import { AppSidebar } from "@/components/app-sidebar"; import { ThemeProvider } from "@/components/theme-provider"; import { Separator } from "@/components/ui/separator"; import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, } from "@/components/ui/breadcrumb"; import { usePathname } from "next/navigation"; import { UserProvider } from "@/context/UserContext"; import { Toaster } from "react-hot-toast"; const items = [ { title: "Home", url: "/", icon: undefined, }, { title: "Contact", url: "/contact", icon: undefined, }, { title: "Calendar", url: "/calendar", icon: undefined, }, { title: "Search", url: "/search", icon: undefined, }, { title: "Setting", url: "/settings", icon: undefined, }, { title: "Sign In", url: "/login", icon: undefined, }, ]; export default function MainLayout({ children, }: { children: React.ReactNode; }) { const pathname = usePathname(); const currentPage = items.find((item) => item.url === pathname)?.title || "Undefined"; return (

{currentPage}

{children}

); }