From c96e78dc93a1fa6518c1c7be578a4f5100001a9a Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Tue, 17 Aug 2021 18:19:53 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=94=20Add=20`NestedMultiple`=20story?=
 =?UTF-8?q?=20to=20panels?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/panels/Box.stories.jsx         | 16 ++++++++++++++++
 src/components/panels/Dialog.stories.jsx      | 16 ++++++++++++++++
 src/components/panels/Panel.stories.jsx       | 16 ++++++++++++++++
 src/components/panels/Parenthesis.stories.jsx | 15 +++++++++++++++
 4 files changed, 63 insertions(+)

diff --git a/src/components/panels/Box.stories.jsx b/src/components/panels/Box.stories.jsx
index 5df8d79..f0d2563 100644
--- a/src/components/panels/Box.stories.jsx
+++ b/src/components/panels/Box.stories.jsx
@@ -34,3 +34,19 @@ export const Nested = props => (
     </Box>
 )
 Nested.args = {}
+
+
+export const NestedMultiple = props => (
+    <Box {...props}>
+        <Box>
+            This is the first Box in a Box.
+        </Box>
+        <Box>
+            This is the second Box in a Box.
+        </Box>
+        <Box>
+            This is the third Box in a Box.
+        </Box>
+    </Box>
+)
+NestedMultiple.args = {}
diff --git a/src/components/panels/Dialog.stories.jsx b/src/components/panels/Dialog.stories.jsx
index 0dde993..646a293 100644
--- a/src/components/panels/Dialog.stories.jsx
+++ b/src/components/panels/Dialog.stories.jsx
@@ -34,3 +34,19 @@ export const Nested = props => (
     </Dialog>
 )
 Nested.args = {}
+
+
+export const NestedMultiple = props => (
+    <Dialog {...props}>
+        <Dialog>
+            This is the first Dialog in a Dialog.
+        </Dialog>
+        <Dialog>
+            This is the second Dialog in a Dialog.
+        </Dialog>
+        <Dialog>
+            This is the third Dialog in a Dialog.
+        </Dialog>
+    </Dialog>
+)
+NestedMultiple.args = {}
diff --git a/src/components/panels/Panel.stories.jsx b/src/components/panels/Panel.stories.jsx
index 21f507e..aeef9cc 100644
--- a/src/components/panels/Panel.stories.jsx
+++ b/src/components/panels/Panel.stories.jsx
@@ -34,3 +34,19 @@ export const Nested = props => (
     </Panel>
 )
 Nested.args = {}
+
+
+export const NestedMultiple = props => (
+    <Panel {...props}>
+        <Panel>
+            This is the first Panel in a Panel.
+        </Panel>
+        <Panel>
+            This is the second Panel in a Panel.
+        </Panel>
+        <Panel>
+            This is the third Panel in a Panel.
+        </Panel>
+    </Panel>
+)
+NestedMultiple.args = {}
diff --git a/src/components/panels/Parenthesis.stories.jsx b/src/components/panels/Parenthesis.stories.jsx
index 820f11f..6a4912e 100644
--- a/src/components/panels/Parenthesis.stories.jsx
+++ b/src/components/panels/Parenthesis.stories.jsx
@@ -35,3 +35,18 @@ export const Nested = props => (
 )
 Nested.args = {}
 
+
+export const NestedMultiple = props => (
+    <Parenthesis {...props}>
+        <Parenthesis>
+            This is the first Parenthesis in a Parenthesis.
+        </Parenthesis>
+        <Parenthesis>
+            This is the second Parenthesis in a Parenthesis.
+        </Parenthesis>
+        <Parenthesis>
+            This is the third Parenthesis in a Parenthesis.
+        </Parenthesis>
+    </Parenthesis>
+)
+NestedMultiple.args = {}