import { getSession } from "@/lib/auth/session";
import { SiteHeaderFrame } from "@/components/site-header-frame";
import { SiteBreadcrumbs } from "@/components/site-breadcrumbs";

export default async function ReadingSelectLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const session = await getSession();

  return (
    <div className="select-page-bg relative min-h-screen">
      <SiteHeaderFrame isLoggedIn={!!session?.user} transparentScroll />
      <div className="relative z-10 pt-[calc(7.5rem+6vw)] sm:pt-[calc(8rem+5vw)] md:pt-[calc(8.5rem+4vw)]">
        <div
          id="select-header-sentinel"
          className="pointer-events-none absolute left-0 top-0 h-px w-full"
          aria-hidden
        />
        <SiteBreadcrumbs className="border-none bg-transparent py-1" />
        <div className="pb-16 pt-1">{children}</div>
      </div>
    </div>
  );
}