import { Metadata } from "next";

import ClientNavbar from "@/components/pages/client/common/client-navbar";
import { TimezoneProvider } from "@/components/pages/client/participant-list/common/timezone-context";
import { INTERNAL_PAGES } from "@/constants/pages-mapping/internal-pages-mapping";

export const metadata: Metadata = {
  title: "Internal client preview",
  description: "Read-only internal client preview.",
  robots: { index: false, follow: false, nocache: true },
};

export default function PreviewLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <TimezoneProvider>
      <div className="flex min-h-screen flex-col bg-others-mistyGray dark:bg-jet">
        <ClientNavbar
          clientPortalMode
          clientPortalHomeHref={
            INTERNAL_PAGES.client.participantList.preview.home
          }
        />
        <main className="flex-grow" id="main-content">
          {children}
        </main>
      </div>
    </TimezoneProvider>
  );
}