src/components/sidebar/Sidebar.js

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { FiCode, FiFileText, FiEye, FiKey, FiUsers, FiSettings, } from "react-icons/fi";
const Sidebar = ({ view, onSelect }) => (_jsxs("div", { className: "flex flex-col bg-gray-900 p-2 border-r border-gray-800 space-y-2", children: [_jsx(SidebarButton, { icon: _jsx(FiCode, { size: 22 }), isActive: view === "editor", onClick: () => onSelect("editor"), label: "Editor" }), _jsx(SidebarButton, { icon: _jsx(FiFileText, { size: 22 }), isActive: view === "files", onClick: () => onSelect("files"), label: "Arquivos" }), _jsx(SidebarButton, { icon: _jsx(FiEye, { size: 22 }), isActive: view === "preview", onClick: () => onSelect("preview"), label: "Preview" }), _jsx(SidebarButton, { icon: _jsx(FiKey, { size: 22 }), isActive: view === "apikeys", onClick: () => onSelect("apikeys"), label: "API Keys" }), _jsx(SidebarButton, { icon: _jsx(FiUsers, { size: 22 }), isActive: view === "agents", onClick: () => onSelect("agents"), label: "Agentes" }), _jsx(SidebarButton, { icon: _jsx(FiSettings, { size: 22 }), isActive: view === "system", onClick: () => onSelect("system"), label: "Sistema" })] }));
const SidebarButton = ({ icon, isActive, onClick, label }) => (_jsx("button", { onClick: onClick, className: `flex items-center justify-center w-10 h-10 rounded transition-all ${isActive
        ? "bg-indigo-600 text-white"
        : "text-gray-400 hover:bg-gray-800 hover:text-gray-200"}`, title: label, children: icon }));
export default Sidebar;