chore: Add ui/modal stories (twentyhq#967)

* Add ui/modal stories Co-authored-by: Matheus <[email protected]> * Add requested changes Co-authored-by: v1b3m <[email protected]> Co-authored-by: Matheus <[email protected]> * Fix the formatting Co-authored-by: Benjamin Mayanja <[email protected]> Co-authored-by: Matheus <[email protected]> --------- Co-authored-by: Matheus <[email protected]> Co-authored-by: v1b3m <[email protected]>
AdityaPimpalkar · Aug 4, 2023 · 82f0270 · 82f0270
1 parent 050a9ea
commit 82f0270
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/front/src/modules/ui/modal/components/__stories__/Modal.stories.tsx 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 },
+};