From 321cdd2a0a7bc840b023726b66dc5a72e0adb7bd Mon Sep 17 00:00:00 2001
From: TaeeunKim <xodms0309@naver.com>
Date: Sat, 13 Apr 2024 12:25:02 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20CommentList,=20CommentItem=20=EC=8A=A4?=
 =?UTF-8?q?=ED=86=A0=EB=A6=AC=EB=B6=81=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Recipe/CommentItem/CommentItem.stories.tsx | 18 ++++++++++++++++++
 .../Recipe/CommentList/CommentList.stories.tsx | 16 ++++++++++++++++
 2 files changed, 34 insertions(+)
 create mode 100644 src/components/Recipe/CommentItem/CommentItem.stories.tsx
 create mode 100644 src/components/Recipe/CommentList/CommentList.stories.tsx

diff --git a/src/components/Recipe/CommentItem/CommentItem.stories.tsx b/src/components/Recipe/CommentItem/CommentItem.stories.tsx
new file mode 100644
index 000000000..70bf1f9a6
--- /dev/null
+++ b/src/components/Recipe/CommentItem/CommentItem.stories.tsx
@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import CommentItem from './CommentItem';
+
+import comments from '@/mocks/data/comments.json';
+
+const meta: Meta<typeof CommentItem> = {
+  title: 'recipe/CommentItem',
+  component: CommentItem,
+  args: {
+    recipeComment: comments.comments[0],
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/src/components/Recipe/CommentList/CommentList.stories.tsx b/src/components/Recipe/CommentList/CommentList.stories.tsx
new file mode 100644
index 000000000..2f62a5d4e
--- /dev/null
+++ b/src/components/Recipe/CommentList/CommentList.stories.tsx
@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import CommentList from './CommentList';
+
+const meta: Meta<typeof CommentList> = {
+  title: 'recipe/CommentList',
+  component: CommentList,
+  args: {
+    recipeId: 1,
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};