feat(stories): add planets stories

Author: raferdev

src/stories/content/designSystem/components/Planets/aws.stories.ts

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Planets } from '@/components/Planets'
+
+const { Aws } = Planets
+
+const meta = {
+  title: 'Design System/Components/Planets/Aws',
+  component: Aws,
+
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs', 'aws', 'planets', 'component'],
+  argTypes: {
+    className: {
+      name: 'Class Name',
+      description: 'Tailwind class name.',
+      type: 'string',
+    },
+  },
+} satisfies Meta<typeof Aws>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/stories/content/designSystem/components/Planets/docker.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Planets } from '@/components/Planets'
+
+const { Docker } = Planets
+
+const meta = {
+  title: 'Design System/Components/Planets/Docker',
+  component: Docker,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs', 'docker', 'planets', 'component'],
+  argTypes: {
+    className: {
+      name: 'Class Name',
+      description: 'Tailwind class name.',
+      type: 'string',
+    },
+  },
+} satisfies Meta<typeof Docker>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/stories/content/designSystem/components/Planets/jest.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Planets } from '@/components/Planets'
+
+const { Jest } = Planets
+
+const meta = {
+  title: 'Design System/Components/Planets/Jest',
+  component: Jest,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs', 'jest', 'planets', 'component'],
+  argTypes: {
+    className: {
+      name: 'Class Name',
+      description: 'Tailwind class name.',
+      type: 'string',
+    },
+  },
+} satisfies Meta<typeof Jest>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/stories/content/designSystem/components/Planets/mongo.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Planets } from '@/components/Planets'
+
+const { MongoDB } = Planets
+
+const meta = {
+  title: 'Design System/Components/Planets/MongoDB',
+  component: MongoDB,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs', 'mongodb', 'planets', 'component'],
+  argTypes: {
+    className: {
+      name: 'Class Name',
+      description: 'Tailwind class name.',
+      type: 'string',
+    },
+  },
+} satisfies Meta<typeof MongoDB>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/stories/content/designSystem/components/Planets/nextjs.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Planets } from '@/components/Planets'
+
+const { NextJs } = Planets
+
+const meta = {
+  title: 'Design System/Components/Planets/NextJs',
+  component: NextJs,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs', 'aws', 'planets', 'component'],
+  argTypes: {
+    className: {
+      name: 'Class Name',
+      description: 'Tailwind class name.',
+      type: 'string',
+    },
+  },
+} satisfies Meta<typeof NextJs>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/stories/content/designSystem/components/Planets/node.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Planets } from '@/components/Planets'
+
+const { Node } = Planets
+
+const meta = {
+  title: 'Design System/Components/Planets/Node',
+  component: Node,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs', 'node', 'planets', 'component'],
+  argTypes: {
+    className: {
+      name: 'Class Name',
+      description: 'Tailwind class name.',
+      type: 'string',
+    },
+  },
+} satisfies Meta<typeof Node>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/stories/content/designSystem/components/Planets/playwright.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Planets } from '@/components/Planets'
+
+const { Playwright } = Planets
+
+const meta = {
+  title: 'Design System/Components/Planets/Playwright',
+  component: Playwright,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs', 'playwright', 'planets', 'component'],
+  argTypes: {
+    className: {
+      name: 'Class Name',
+      description: 'Tailwind class name.',
+      type: 'string',
+    },
+  },
+} satisfies Meta<typeof Playwright>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/stories/content/designSystem/components/Planets/postgres.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Planets } from '@/components/Planets'
+
+const { Postgres } = Planets
+
+const meta = {
+  title: 'Design System/Components/Planets/Postgres',
+  component: Postgres,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs', 'postgres', 'planets', 'component'],
+  argTypes: {
+    className: {
+      name: 'Class Name',
+      description: 'Tailwind class name.',
+      type: 'string',
+    },
+  },
+} satisfies Meta<typeof Postgres>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}

src/stories/content/designSystem/components/Planets/tailwind.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Planets } from '@/components/Planets'
+
+const { Tailwind } = Planets
+
+const meta = {
+  title: 'Design System/Components/Planets/Tailwind',
+  component: Tailwind,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs', 'tailwind', 'planets', 'component'],
+  argTypes: {
+    className: {
+      name: 'Class Name',
+      description: 'Tailwind class name.',
+      type: 'string',
+    },
+  },
+} satisfies Meta<typeof Tailwind>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {
+  args: {},
+}