"use client";

import { WorkspaceLeftRail } from "@/components/layout/workspace-left-rail";
import { RightPanel } from "@/components/layout/right-panel";
import { ReactNode, useState } from "react";

export default function TestApiKeyLayout({
  children,
}: {
  children: ReactNode;
}) {
  const [activeSection, setActiveSection] = useState<string>("connections");

  return (
    <div className="flex h-screen w-full overflow-hidden bg-background">
      <WorkspaceLeftRail activeSection={activeSection} onSectionChange={setActiveSection} />
      <main className="flex-1 flex flex-col overflow-hidden">
        {children}
      </main>
      <RightPanel />
    </div>
  );
}