import { Footer } from "@/components/Footer";
import { HeaderContainer } from "@/components/HeaderContainer";
import { PageBanner } from "@/components/PageBanner";
import { getPrimaryPhoneNumber } from "@/lib/api/business";

type SiteShellProps = {
  children: React.ReactNode;
  solidHeader?: boolean;
  banner?: {
    kicker: string;
    title: string;
    description?: string;
  };
};

export async function SiteShell({
  children,
  solidHeader = true,
  banner,
}: SiteShellProps) {
  const phone = await getPrimaryPhoneNumber();

  return (
    <>
      <HeaderContainer forceSolid={solidHeader} />
      <main className={solidHeader ? "pt-[4.5rem]" : undefined}>
        {banner ? (
          <PageBanner
            kicker={banner.kicker}
            title={banner.title}
            description={banner.description}
          />
        ) : null}
        {children}
      </main>
      <Footer phone={phone} />
    </>
  );
}