From 0f936ec0e7606cb79434d94096b6e113a7ce78eb Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 15 Dec 2023 18:35:16 +0100
Subject: refactor(stories): migrate stories to CSF3 format

---
 .../approved-comment/approved-comment.stories.ts   | 65 ++++++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 src/components/organisms/comment/approved-comment/approved-comment.stories.ts

(limited to 'src/components/organisms/comment/approved-comment/approved-comment.stories.ts')

diff --git a/src/components/organisms/comment/approved-comment/approved-comment.stories.ts b/src/components/organisms/comment/approved-comment/approved-comment.stories.ts
new file mode 100644
index 0000000..ac24463
--- /dev/null
+++ b/src/components/organisms/comment/approved-comment/approved-comment.stories.ts
@@ -0,0 +1,65 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ApprovedComment } from './approved-comment';
+
+const meta = {
+  component: ApprovedComment,
+  title: 'Organisms/Comment/Approved',
+} satisfies Meta<typeof ApprovedComment>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Example: Story = {
+  args: {
+    author: {
+      name: 'Kameron.Conn',
+    },
+    content:
+      'Quia est eos deserunt qui perferendis est pariatur eaque. Deserunt omnis quis consectetur ea quam a cupiditate. Velit laboriosam rem nihil numquam quia.',
+    id: 1,
+    publicationDate: '2023-11-06',
+  },
+};
+
+export const WithAvatar: Story = {
+  args: {
+    author: {
+      avatar: {
+        alt: 'Kameron.Conn avatar',
+        src: 'https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar/82.jpg',
+      },
+      name: 'Kameron.Conn',
+    },
+    content:
+      'Quia est eos deserunt qui perferendis est pariatur eaque. Deserunt omnis quis consectetur ea quam a cupiditate. Velit laboriosam rem nihil numquam quia.',
+    id: 2,
+    publicationDate: '2023-11-06',
+  },
+};
+
+export const WithWebsite: Story = {
+  args: {
+    author: {
+      name: 'Kameron.Conn',
+      website: 'https://www.armandphilippot.com/',
+    },
+    content:
+      'Quia est eos deserunt qui perferendis est pariatur eaque. Deserunt omnis quis consectetur ea quam a cupiditate. Velit laboriosam rem nihil numquam quia.',
+    id: 3,
+    publicationDate: '2023-11-06',
+  },
+};
+
+export const WithReplyBtn: Story = {
+  args: {
+    author: {
+      name: 'Kameron.Conn',
+    },
+    content:
+      'Quia est eos deserunt qui perferendis est pariatur eaque. Deserunt omnis quis consectetur ea quam a cupiditate. Velit laboriosam rem nihil numquam quia.',
+    id: 4,
+    publicationDate: '2023-11-06',
+    replyBtn: 'Reply',
+  },
+};
-- 
cgit v1.2.3