"use client";

import { VIBNSidebar } from "@/components/layout/vibn-sidebar";
import { ProjectAssociationPrompt } from "@/components/project-association-prompt";
import { ReactNode } from "react";
import { useParams } from "next/navigation";
import { Toaster } from "sonner";

export default function ProjectsLayout({
  children,
}: {
  children: ReactNode;
}) {
  const params = useParams();
  const workspace = params.workspace as string;

  return (
    <>
      <div style={{ display: "flex", height: "100vh", background: "#f6f4f0", overflow: "hidden" }}>
        <VIBNSidebar workspace={workspace} />
        <main style={{ flex: 1, overflow: "auto" }}>
          {children}
        </main>
      </div>
      <ProjectAssociationPrompt workspace={workspace} />
      <Toaster position="top-center" />
    </>
  );
}