import Image from 'next/image';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
import { motion, AnimatePresence } from 'framer-motion';
import { LogOut, X, TrendingUp, Award } from 'lucide-react';
import { useUser, useIsAdmin } from '@/store/auth.store';
import { useLogout } from '@/hooks/useAuth';
import { cn } from '@/lib/utils';
import { adminNavItems, userNavItems } from '@/config/dashboard';
interface SidebarProps {
isOpen: boolean;
onClose: () => void;
}
export function Sidebar({ isOpen, onClose }: SidebarProps) {
const pathname = usePathname();
const user = useUser();
const isAdmin = useIsAdmin();
const logout = useLogout();
const navItems = isAdmin ? adminNavItems : userNavItems;
const isActive = (href: string, exact?: boolean) =>
exact ? pathname === href : pathname.startsWith(href);
return (
<>
{/* Mobile Backdrop */}
{isOpen && (
)}
{/* Sidebar Panel */}
);
}