import { Metadata } from "next";

import Footer from "@/components/common/footer";
import ClientNavbar from "@/components/pages/client/common/client-navbar";

export const metadata: Metadata = {
  title: {
    template: "%s | Client Portal",
    default: "Client Portal",
  },
  description:
    "Secure client portal for reviewing research project details and participant profiles.",
  robots: { index: false, follow: false }, // private magic-link client portal — must never be indexed by search engines.
};

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