"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const Dashboard_1 = __importDefault(require("../components/dashboard/Dashboard"));
const DashboardPage = () => {
    const [sidebarOpen, setSidebarOpen] = (0, react_1.useState)(true);
    const navigationItems = (0, react_1.useMemo)(() => [
        { label: "Dashboard", icon: "dashboard", path: "/dashboard" },
        { label: "Analytics", icon: "analytics", path: "/analytics" },
        { label: "Settings", icon: "settings", path: "/settings" }
    ], []);
    const toggleSidebar = () => {
        setSidebarOpen(!sidebarOpen);
    };
    const pageStyle = {
        display: 'flex',
        minHeight: '100vh',
        backgroundColor: '#f5f5f5'
    };
    const sidebarStyle = {
        width: sidebarOpen ? '250px' : '60px',
        backgroundColor: '#2c3e50',
        color: 'white',
        transition: 'width 0.3s ease',
        overflow: 'hidden'
    };
    const contentStyle = {
        flex: 1,
        marginLeft: sidebarOpen ? '250px' : '0',
        transition: 'margin-left 0.3s ease'
    };
    const mainStyle = {
        padding: '20px',
        maxWidth: '1200px',
        margin: '0 auto'
    };
    return ((0, jsx_runtime_1.jsxs)("div", { className: "dashboard-page", style: pageStyle, children: [(0, jsx_runtime_1.jsxs)("aside", { className: "dashboard-sidebar", style: sidebarStyle, children: [(0, jsx_runtime_1.jsxs)("div", { className: "sidebar-header", children: [(0, jsx_runtime_1.jsx)("h2", { children: sidebarOpen ? 'Dashboard' : 'DB' }), (0, jsx_runtime_1.jsx)("button", { onClick: toggleSidebar, children: sidebarOpen ? '←' : '→' })] }), (0, jsx_runtime_1.jsx)("nav", { className: "sidebar-nav", children: navigationItems.map((item, index) => ((0, jsx_runtime_1.jsxs)("a", { href: item.path, className: "nav-item", children: [(0, jsx_runtime_1.jsx)("span", { className: "nav-icon", children: item.icon }), sidebarOpen && (0, jsx_runtime_1.jsx)("span", { className: "nav-label", children: item.label })] }, index))) })] }), (0, jsx_runtime_1.jsx)("div", { className: "dashboard-content", style: contentStyle, children: (0, jsx_runtime_1.jsx)("main", { className: "dashboard-main", style: mainStyle, children: (0, jsx_runtime_1.jsx)(Dashboard_1.default, { title: "Main Dashboard" }) }) })] }));
};
exports.default = DashboardPage;
//# sourceMappingURL=DashboardPage.js.map