import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
import { AdminSidebar } from "./client";
import { Metadata } from "next";

export const metadata: Metadata = {
  title: {
    default: "Admin",
    template: "%s | Erika!",
  },
}

export default async function AdminFormLayout(
  props: {
    children: React.ReactNode;
    params: Promise<{ id: string }>;
  }
) {
  const params = await props.params;

  return (
    <SidebarProvider>
      <div className="flex w-full bg-background text-foreground">
        <AdminSidebar formId={params.id} />
        <div className="flex-1 overflow-hidden">
          <div className="md:hidden p-2">
            <SidebarTrigger />
          </div>
          {props.children}
        </div>
      </div>
    </SidebarProvider>
  );
}