import { BottomNav } from "./bottom-nav";
import { StaffSidebarNav } from "./staff-sidebar-nav";
import type { BottomNavItem } from "./bottom-nav";
import { STAFF_NAV_ITEMS } from "@/lib/navigation/staff-nav-items";

/**
 * Shared by (staff) and (owner) — see docs/implementation-plan.md §3: owner
 * is a permission on a staff account, not a separate shell. `items`
 * defaults to the staff nav; (owner) passes OWNER_NAV_ITEMS instead (see
 * staff-nav-items.ts) — same shell, same sidebar/bottom-nav components,
 * different item set, per the Phase 6 brief's own nav requirement.
 */
export function StaffShell({
  children,
  items = STAFF_NAV_ITEMS,
  footerLink,
}: {
  children: React.ReactNode;
  items?: BottomNavItem[];
  footerLink?: { href: string; label: string };
}) {
  return (
    <div className="min-h-screen bg-stone pb-24 lg:pb-0 lg:pl-56">
      <StaffSidebarNav items={items} footerLink={footerLink} />
      {children}
      <BottomNav items={items} variant="staff" />
    </div>
  );
}