@akinon/ui-shell-dev 1.0.0 → 1.2.0

package/src/components/Sidebar.tsx

@@ -1,74 +0,0 @@
-import { Layout } from '@akinon/ui-layout';
-import { Menu } from '@akinon/ui-menu';
-import React from 'react';
-
-import type { SidebarItem, ThemeConfig } from '../types';
-
-interface SidebarProps {
-  items: SidebarItem[];
-  theme: ThemeConfig;
-  collapsed?: boolean;
-}
-
-export const Sidebar: React.FC<SidebarProps> = ({
-  items,
-  theme,
-  collapsed = false
-}) => {
-  const menuItems = items.map(item => ({
-    key: item.key,
-    label: item.label,
-    icon: item.icon,
-    children: item.children?.map(child => ({
-      key: child.key,
-      label: child.label
-    }))
-  }));
-
-  const selectedKeys = items.filter(item => item.active).map(item => item.key);
-
-  return (
-    <Layout.Sider
-      width={theme.sidebar.width}
-      collapsedWidth={theme.sidebar.collapsedWidth}
-      collapsed={collapsed}
-      style={{
-        backgroundColor: theme.colors.sidebar,
-        height: '100vh',
-        position: 'fixed',
-        left: 0,
-        top: 0,
-        bottom: 0,
-        zIndex: 200
-      }}
-    >
-      <div
-        style={{
-          height: theme.header.height,
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          borderBottom: '1px solid rgba(255, 255, 255, 0.1)',
-          color: 'white',
-          fontSize: '18px',
-          fontWeight: 'bold'
-        }}
-      >
-        {collapsed ? 'A' : 'Akinon'}
-      </div>
-      <Menu
-        theme="dark"
-        mode="inline"
-        selectedKeys={selectedKeys}
-        defaultOpenKeys={items
-          .filter(item => item.children)
-          .map(item => item.key)}
-        items={menuItems}
-        style={{
-          backgroundColor: 'transparent',
-          border: 'none'
-        }}
-      />
-    </Layout.Sider>
-  );
-};