From fe6b552a69f016d82c01cc0fe179dac5aeec19ce Mon Sep 17 00:00:00 2001
From: Avior <florian.bouillon@delta-wings.net>
Date: Sat, 1 May 2021 22:58:40 +0200
Subject: [PATCH] add margin when multiple Text elements are next to each
 others (#5)

Signed-off-by: Florian BOUILLON <florian.bouillon@delta-wings.net>
---
 src/dzeio/Text/Text.module.styl |  3 +++
 src/dzeio/Text/Text.stories.tsx | 15 +++++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 src/dzeio/Text/Text.stories.tsx

diff --git a/src/dzeio/Text/Text.module.styl b/src/dzeio/Text/Text.module.styl
index 830fb08..889ab25 100644
--- a/src/dzeio/Text/Text.module.styl
+++ b/src/dzeio/Text/Text.module.styl
@@ -1,6 +1,9 @@
 .text
 	margin 0
 
+	+ .text
+		margin-top 8px
+
 .white
 	color white
 
diff --git a/src/dzeio/Text/Text.stories.tsx b/src/dzeio/Text/Text.stories.tsx
new file mode 100644
index 0000000..ba09372
--- /dev/null
+++ b/src/dzeio/Text/Text.stories.tsx
@@ -0,0 +1,15 @@
+import { Meta } from '@storybook/react/types-6-0'
+import React from 'react'
+import Component from '.'
+
+export default {
+	title: 'DZEIO/Text',
+	component: Component
+} as Meta
+
+export const Basic = (args: any) => (
+	<>
+		<Component {...args}>TExt</Component>
+		<Component {...args}>TExt</Component>
+	</>
+)