"use client";

import { useState } from "react";
import { Sidebar } from "@/components/dashboard/Sidebar";
import { PlatformProvider } from "@/lib/context/PlatformContext";
import { cn } from "@/lib/utils";

export default function DashboardLayout({ children }: { children: React.ReactNode }) {
  const [collapsed, setCollapsed] = useState(false);

  return (
    <PlatformProvider>
      <div className="min-h-screen bg-[#0a0e19] flex" dir="rtl">
        {/* Sidebar */}
        <Sidebar collapsed={collapsed} setCollapsed={setCollapsed} />

        {/* Main Content */}
        <main
          className={cn(
            "flex-1 transition-all duration-300 min-h-screen",
            collapsed ? "mr-16" : "mr-56"
          )}
        >
          {children}
        </main>
      </div>
    </PlatformProvider>
  );
}