From 52399d4dde06f99f3084b8ef9f1a4eaec8570d66 Mon Sep 17 00:00:00 2001
From: gitstart-twenty <140154534+gitstart-twenty@users.noreply.github.com>
Date: Thu, 27 Jul 2023 23:04:03 +0700
Subject: [PATCH] TWNTY-895 - Add ui/checkmark stories (#960)

Add ui/checkmark stories

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>
---
 .../__stories__/Checkmark.stories.tsx         | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 front/src/modules/ui/checkmark/components/__stories__/Checkmark.stories.tsx

diff --git a/front/src/modules/ui/checkmark/components/__stories__/Checkmark.stories.tsx b/front/src/modules/ui/checkmark/components/__stories__/Checkmark.stories.tsx
new file mode 100644
index 000000000..693c13a91
--- /dev/null
+++ b/front/src/modules/ui/checkmark/components/__stories__/Checkmark.stories.tsx
@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
+
+import { Checkmark } from '../Checkmark';
+
+const meta: Meta<typeof Checkmark> = {
+  title: 'UI/Checkmark/Checkmark',
+  component: Checkmark,
+  decorators: [ComponentDecorator],
+};
+
+export default meta;
+type Story = StoryObj<typeof Checkmark>;
+
+export const Default: Story = { args: {} };
+
+export const WithCustomStyles: Story = {
+  args: { style: { backgroundColor: 'red', height: 40, width: 40 } },
+};