"use client";
import Link from "next/link";
import { usePathname, useRouter } from "next/navigation";
import { AppShellProvider, AppShell, NotificationCenter, type AppDefinition } from "@vamos-ui/react";

const site: AppDefinition = { id: "site", name: "Site", href: "/site", icon: Globe, nav: siteNav, links: [{ id: "view", label: "View site", href: "https://example.com" }] };
const crm: AppDefinition = { id: "crm", name: "CRM", href: "/crm", icon: Handshake, nav: crmNav, accent: "ocean" };

export function Shell({ defaultCollapsed, children }) {
  const router = useRouter();
  return (
    <AppShellProvider apps={[site, crm]} sharedNav={shared} linkComponent={Link} currentPath={usePathname()} navigate={router.push} defaultCollapsed={defaultCollapsed}>
      <AppShell user={{ name: "Ada Lovelace", email: "ada@northwind.io", items: account }} notifications={<NotificationCenter adapter={inbox} />}>
        {children}
      </AppShell>
    </AppShellProvider>
  );
}