import { Header } from "@/components/Header";
import { SiteFooter } from "@/components/SiteFooter";
import { ProfileSkinHost } from "@/components/profile/ProfileSkinGate";

/** Site chrome — hidden when a fullscreen cabinet / UI picker / profile skin is active. */
export default function BrowseLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <ProfileSkinHost>
      <div className="browse-chrome">
        <Header />
      </div>
      <main className="relative z-10 flex-1">{children}</main>
      <SiteFooter />
    </ProfileSkinHost>
  );
}