import { NavLink } from "react-router";
const navItems = [
{
label: "Обзор",
path: "/dashboard",
icon: (
),
},
{
label: "Транзакции",
path: "/dashboard/transactions",
icon: (
),
},
{
label: "Категории",
path: "/dashboard/categories",
icon: (
),
},
{
label: "Бюджет",
path: "/dashboard/budgets",
icon: (
),
},
{
label: "Цели",
path: "/dashboard/goals",
icon: (
),
},
{
label: "Рекомендации",
path: "/dashboard/recommendations",
icon: (
),
},
{
label: "Аналитика",
path: "/dashboard/analytics",
icon: (
),
},
{
label: "Настройки",
path: "/dashboard/settings",
icon: (
),
},
];
interface SidebarProps {
isOpen: boolean;
onClose: () => void;
}
export const Sidebar = ({ isOpen, onClose }: SidebarProps) => {
return (
<>
{/* Mobile overlay */}
{isOpen && (
)}
{/* Sidebar */}
);
};