From f62ec94d35410e1455b9e32be91f76fed5607588 Mon Sep 17 00:00:00 2001
From: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com>
Date: Thu, 27 Jul 2023 13:00:41 +0700
Subject: [PATCH] TWNTY-892 - Add ui/title stories (#955)

* Add ui/title stories

Co-authored-by: RubensRafael <rubensrafael2@live.com>

* Add requested changes

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: RubensRafael <rubensrafael2@live.com>

* Fix linter issues

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: RubensRafael <rubensrafael2@live.com>

---------

Co-authored-by: RubensRafael <rubensrafael2@live.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
---
 .../__stories__/MainSectionTitle.stories.tsx  | 24 ++++++++++++++
 .../__stories__/SubSectionTitle.stories.tsx   | 32 +++++++++++++++++++
 2 files changed, 56 insertions(+)
 create mode 100644 front/src/modules/ui/title/components/__stories__/MainSectionTitle.stories.tsx
 create mode 100644 front/src/modules/ui/title/components/__stories__/SubSectionTitle.stories.tsx

diff --git a/front/src/modules/ui/title/components/__stories__/MainSectionTitle.stories.tsx b/front/src/modules/ui/title/components/__stories__/MainSectionTitle.stories.tsx
new file mode 100644
index 000000000..5ce9288e2
--- /dev/null
+++ b/front/src/modules/ui/title/components/__stories__/MainSectionTitle.stories.tsx
@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+
+import { MainSectionTitle } from '../MainSectionTitle';
+
+const meta: Meta<typeof MainSectionTitle> = {
+  title: 'UI/Title/MainSectionTitle',
+  component: MainSectionTitle,
+  decorators: [ComponentDecorator],
+};
+
+export default meta;
+
+type Story = StoryObj<typeof MainSectionTitle>;
+
+const args = {
+  children: 'Lorem ipsum',
+};
+
+export const Default: Story = {
+  args,
+  decorators: [ComponentDecorator],
+};
diff --git a/front/src/modules/ui/title/components/__stories__/SubSectionTitle.stories.tsx b/front/src/modules/ui/title/components/__stories__/SubSectionTitle.stories.tsx
new file mode 100644
index 000000000..7390f9848
--- /dev/null
+++ b/front/src/modules/ui/title/components/__stories__/SubSectionTitle.stories.tsx
@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+
+import { SubSectionTitle } from '../SubSectionTitle';
+
+const args = {
+  title: 'Lorem ipsum',
+  description: 'Lorem ipsum dolor sit amet',
+};
+
+const meta: Meta<typeof SubSectionTitle> = {
+  title: 'UI/Title/SubSectionTitle',
+  component: SubSectionTitle,
+  decorators: [ComponentDecorator],
+  args: {
+    title: args.title,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof SubSectionTitle>;
+
+export const Default: Story = {
+  decorators: [ComponentDecorator],
+};
+
+export const WithDescription: Story = {
+  args,
+  decorators: [ComponentDecorator],
+};