import { TabLink } from "./TabLInk";

export default async function Layout({
  children,
  params,
}: {
  children: React.ReactNode;
  params: Promise<{ slug: string }>;
}) {
  const { slug } = await params;

  return (
    <section>
      <div className="flex justify-center border-b mb-6 max-w-8xl mx-auto">
        <TabLink href={`/portfolio/${slug}/your-projects/plan`}>Plan</TabLink>
        <TabLink href={`/portfolio/${slug}/your-projects/live`}>
          Live Reporting
        </TabLink>
      </div>

      <div>{children}</div>
    </section>
  );
}
