"use client"// app/dashboard/layout.tsx
import Sidebar from "@/components/dashboard/sidebar";
import Navbar from "@/components/dashboard/navbar";
import { Sparkles } from "lucide-react";

export default function DashboardLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="min-h-screen bg-[#071321] text-white flex">
      {/* Shared Sidebar */}
      <Sidebar />

      <div className="flex-1 flex flex-col min-h-screen">
        {/* Shared Navbar */}
        <Navbar />
        
        {/* The active page content renders here */}
        <main className="flex-1 pl-68 bg-[#071321]">
          {children}
        </main>
      </div>

      {/* Shared Ask AI Floating Button */}
      <button className="fixed bottom-4 right-4 z-40 flex items-center gap-2 
        rounded-full bg-[#17d4bd] hover:bg-[#13b19e] px-4 py-2.5 text-xs
        font-bold text-[#05111d] transition shadow-lg shadow-[#17d4bd]/20">
        <Sparkles size={14} className="animate-pulse" />
        <span>Ask AI</span>
      </button>
    </div>
  );
}