"use client";

import { usePathname } from "next/navigation";
import { SiteFooter } from "@/components/site-footer";
import { SiteHeader } from "@/components/site-header";

export function ConditionalShell({ children }: { children: React.ReactNode }) {
  const pathname = usePathname();
  const hideStoreChrome = pathname?.startsWith("/dashboard");

  if (hideStoreChrome) {
    return <>{children}</>;
  }

  return (
    <>
      <SiteHeader />
      <main className="mx-auto flex w-full max-w-6xl flex-1 shrink-0 flex-col gap-16 px-4 pb-24 pt-8 sm:px-6 lg:gap-24 lg:pb-28 lg:pt-12">
        {children}
      </main>
      <SiteFooter />
    </>
  );
}