From 82f0270df1a7eb6fd670a8da5b7d15ad823a58b2 Mon Sep 17 00:00:00 2001
From: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com>
Date: Sat, 29 Jul 2023 01:42:39 +0700
Subject: [PATCH] chore: Add ui/modal stories (#967)

* Add ui/modal stories

Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Add requested changes

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

* Fix the formatting

Co-authored-by: Benjamin Mayanja <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>

---------

Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
---
 .../components/__stories__/Modal.stories.tsx  | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 front/src/modules/ui/modal/components/__stories__/Modal.stories.tsx

diff --git a/front/src/modules/ui/modal/components/__stories__/Modal.stories.tsx b/front/src/modules/ui/modal/components/__stories__/Modal.stories.tsx
new file mode 100644
index 0000000000000..8fd2ebc05cca2
--- /dev/null
+++ b/front/src/modules/ui/modal/components/__stories__/Modal.stories.tsx
@@ -0,0 +1,35 @@
+import styled from '@emotion/styled';
+import { Meta, StoryObj } from '@storybook/react';
+
+import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+
+import { Modal } from '../Modal';
+
+const meta: Meta<typeof Modal> = {
+  title: 'UI/Modal/Modal',
+  component: Modal,
+  decorators: [ComponentDecorator],
+};
+export default meta;
+
+type Story = StoryObj<typeof Modal>;
+
+const StyledContentContainer = styled.div`
+  color: ${({ theme }) => theme.font.color.primary};
+  margin: 5px;
+  padding: ${({ theme }) => theme.spacing(10)};
+`;
+
+const args = {
+  isOpen: true,
+  children: <StyledContentContainer>Lorem ipsum</StyledContentContainer>,
+};
+
+export const Default: Story = {
+  args,
+  decorators: [ComponentDecorator],
+};
+
+Default.argTypes = {
+  children: { control: false },
+};