From 4c991961355080abd2110eca4a5dd48c6842d7c3 Mon Sep 17 00:00:00 2001
From: Lee <43488305+poiu694@users.noreply.github.com>
Date: Sat, 29 Jun 2024 23:59:28 +0900
Subject: [PATCH] feat: accessible icon button story

---
 .../accessible-icon-button.stories.tsx        | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/stories/accessible-icon-button.stories.tsx

diff --git a/src/stories/accessible-icon-button.stories.tsx b/src/stories/accessible-icon-button.stories.tsx
new file mode 100644
index 00000000..c0420e7d
--- /dev/null
+++ b/src/stories/accessible-icon-button.stories.tsx
@@ -0,0 +1,32 @@
+import { Meta, StoryObj } from '@storybook/react'
+
+import { AccessibleIconButton } from '@/components'
+import { icons } from '@/components/common/icons'
+
+const meta: Meta<typeof AccessibleIconButton> = {
+  title: 'Components/AccessibleIconButton',
+  component: AccessibleIconButton,
+  argTypes: {
+    icon: {
+      control: 'select',
+      options: Object.keys(icons),
+    },
+    label: {
+      control: 'text',
+    },
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof AccessibleIconButton>
+
+export const Default: Story = {
+  args: {
+    icon: {
+      type: 'infoCircle',
+      fill: 'blue',
+      stroke: 'yellow',
+    },
+    label: 'Heart Icon',
+  },
+}