refactor(stories): migrate stories to CSF3 format

1 files changed, 135 insertions, 0 deletions

diff --git a/src/components/atoms/images/icons/icon.stories.ts b/src/components/atoms/images/icons/icon.stories.ts
new file mode 100644
index 0000000..55b5c31
--- /dev/null
+++ b/src/components/atoms/images/icons/icon.stories.ts
@@ -0,0 +1,135 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Icon } from './icon';
+
+const meta = {
+  component: Icon,
+  title: 'Atoms/Images/Icons',
+} satisfies Meta<typeof Icon>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const ArrowRight: Story = {
+  args: {
+    orientation: 'right',
+    shape: 'arrow',
+  },
+};
+
+export const ArrowLeft: Story = {
+  args: {
+    orientation: 'left',
+    shape: 'arrow',
+  },
+};
+
+export const ArrowBottom: Story = {
+  args: {
+    orientation: 'bottom',
+    shape: 'arrow',
+  },
+};
+
+export const ArrowTop: Story = {
+  args: {
+    orientation: 'top',
+    shape: 'arrow',
+  },
+};
+
+export const Career: Story = {
+  args: {
+    shape: 'career',
+  },
+};
+
+export const CCBySA: Story = {
+  args: {
+    shape: 'cc-by-sa',
+  },
+};
+
+export const Cog: Story = {
+  args: {
+    shape: 'cog',
+  },
+};
+
+export const Computer: Story = {
+  args: {
+    shape: 'computer',
+  },
+};
+
+export const Cross: Story = {
+  args: {
+    shape: 'cross',
+  },
+};
+
+export const Envelop: Story = {
+  args: {
+    shape: 'envelop',
+  },
+};
+
+export const Feed: Story = {
+  args: {
+    shape: 'feed',
+  },
+};
+
+export const Hamburger: Story = {
+  args: {
+    shape: 'hamburger',
+  },
+};
+
+export const Help: Story = {
+  args: {
+    shape: 'help',
+  },
+};
+
+export const Home: Story = {
+  args: {
+    shape: 'home',
+  },
+};
+
+export const MagnifyingGlass: Story = {
+  args: {
+    shape: 'magnifying-glass',
+  },
+};
+
+export const Minus: Story = {
+  args: {
+    shape: 'minus',
+  },
+};
+
+export const Moon: Story = {
+  args: {
+    shape: 'moon',
+  },
+};
+
+export const Plus: Story = {
+  args: {
+    shape: 'plus',
+  },
+};
+
+export const PostsStack: Story = {
+  args: {
+    shape: 'posts-stack',
+  },
+};
+
+export const Sun: Story = {
+  args: {
+    shape: 'sun',
+  },
+};