"use client";

import { AudioSidebarContent } from "@/components/studio/sidebar/AudioSidebarContent";
import { ColorsSidebarContent } from "@/components/studio/sidebar/ColorsSidebarContent";
import { FontSidebarContent } from "@/components/studio/sidebar/FontSidebarContent";
import { SceneEditSidebarContent } from "@/components/studio/sidebar/SceneEditSidebarContent";
import { TransitionsSidebarContent } from "@/components/studio/sidebar/TransitionsSidebarContent";
import { TtsSidebarContent } from "@/components/studio/sidebar/TtsSidebarContent";
import { WatermarkSidebarContent } from "@/components/studio/sidebar/WatermarkSidebarContent";
import type { StudioSidebarTool } from "@/components/studio/video/StudioSidebarDock";

interface StudioSidebarContentProps {
  activeTool: StudioSidebarTool;
}

export function StudioSidebarContent({ activeTool }: StudioSidebarContentProps) {
  return (
    <div className="flex h-full w-[240px] shrink-0 flex-col overflow-hidden border-r border-gray-200 bg-white">
      {activeTool === "scenes" ? <SceneEditSidebarContent /> : null}
      {activeTool === "audio" ? <AudioSidebarContent /> : null}
      {activeTool === "tts" ? <TtsSidebarContent /> : null}
      {activeTool === "colors" ? <ColorsSidebarContent /> : null}
      {activeTool === "transitions" ? <TransitionsSidebarContent /> : null}
      {activeTool === "font" ? <FontSidebarContent /> : null}
      {activeTool === "watermark" ? <WatermarkSidebarContent /> : null}
    </div>
  );
}
