add sidebar component

.changeset/brave-bats-look.md

@@ -0,0 +1,5 @@
+---
+'@kadena/kode-ui': minor
+---
+
+add SideBar Component

packages/libs/kode-ui/src/components/SideBar/SideBar.stories.tsx

@@ -4,6 +4,7 @@ import React from 'react';
 import type { ISideBar } from './SideBar';
 import { SideBar } from './SideBar';
 import { SideBarHeader } from './components/SideBarFooter';
+import { SideBarItem } from './components/SideBarItem';
 
 const sampleNetworkItems: string[] = ['Mainnet', 'Testnet'];
 
@@ -32,7 +33,13 @@ export const Primary: IStory = {
   name: 'SideBar',
   args: {},
   render: () => {
-    return <>sdffsd</>;
+    return (
+      <SideBar>
+        <SideBarHeader>
+          <SideBarItem label="item 1" />
+        </SideBarHeader>
+      </SideBar>
+    );
   },
 };
 

packages/libs/kode-ui/src/components/SideBar/components/SideBarItem.tsx

@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React from 'react';
-import { Text } from 'src/components/Typography';
+import { Text } from './../../Typography';
 
 export interface ISideBarItem {
   label: string;