From a6c40dfe4f2e68d685a95b70bd6a94b1a2ff2e98 Mon Sep 17 00:00:00 2001
From: Qs-F <qsf@de-liker.com>
Date: Fri, 6 Sep 2024 12:56:30 +0900
Subject: [PATCH] docs(SideMenu): update storybook sample

---
 .../SideMenu/SideMenu.stories.tsx             | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/packages/smarthr-ui/src/components/Experimental/SideMenu/SideMenu.stories.tsx b/packages/smarthr-ui/src/components/Experimental/SideMenu/SideMenu.stories.tsx
index 439d28abd5..47186ef2cd 100644
--- a/packages/smarthr-ui/src/components/Experimental/SideMenu/SideMenu.stories.tsx
+++ b/packages/smarthr-ui/src/components/Experimental/SideMenu/SideMenu.stories.tsx
@@ -1,32 +1,32 @@
 import { StoryFn } from '@storybook/react'
 import React from 'react'
 
-import { SideMenu } from './SideMenu'
+import { FaGearIcon } from '../../Icon'
+
+import { SideMenu, SideMenuGroup, SideMenuItem } from '.'
 
 export default {
   title: 'Experimental(実験的)/SideMenu',
   component: SideMenu,
-  parameters: {
-    layout: 'fullscreen',
-    withTheming: true,
-  },
 }
 
 export const Default: StoryFn = () => (
-  <div className="shr-bg-background shr-p-2">
+  <div className="shr-bg-background shr-p-2 shr-max-w-[15rem]">
     <SideMenu>
-      <SideMenu.Group name="基本設定">
-        <SideMenu.Item href="#">評価シート</SideMenu.Item>
-        <SideMenu.Item href="#" current>
-          評価ロール
-        </SideMenu.Item>
-        <SideMenu.Item href="#">評価フロー</SideMenu.Item>
-      </SideMenu.Group>
-      <SideMenu.Group name="その他の設定">
-        <SideMenu.Item href="#">評価項目の入力必須設定</SideMenu.Item>
-        <SideMenu.Item href="#">評価ロールの閲覧・編集権限設定</SideMenu.Item>
-        <SideMenu.Item href="#">評価対象者の表示項目設定</SideMenu.Item>
-      </SideMenu.Group>
+      <SideMenuGroup title="個人設定">
+        <SideMenuItem href="#">アカウント</SideMenuItem>
+        <SideMenuItem href="#" current>
+          認証設定
+        </SideMenuItem>
+      </SideMenuGroup>
+      <SideMenuGroup title="共通設定">
+        <SideMenuItem href="#" prefix={<FaGearIcon />}>
+          評価項目の表示設定
+        </SideMenuItem>
+        <SideMenuItem href="#" prefix={<FaGearIcon />}>
+          評価対象者の入力必須項目設定
+        </SideMenuItem>
+      </SideMenuGroup>
     </SideMenu>
   </div>
 )