'use client';
import { motion, AnimatePresence } from 'framer-motion';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
import { LayoutGrid, MessageSquare, Search, Box, Sparkles, FolderOpen } from 'lucide-react';
import './globals.css';
const queryClient = new QueryClient();
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
{/* Ambient Backgrounds */}
);
}
function Sidebar() {
const pathname = usePathname();
return (
{/* Brand */}
{/* Nav */}
{/* Footer */}
);
}
function NavItem({ href, icon, label, active }: { href: string; icon: React.ReactNode; label: string; active: boolean }) {
return (
{active && (
)}
{icon}
{label}
{active && (
)}