From a16a2b9b2e1e45f8abb4a0e1f476f73c8b70e799 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Tue, 17 Aug 2021 18:16:41 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=94=20Add=20nested=20panel=20stories?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/panels/Box.stories.jsx         | 12 ++++++++++++
 src/components/panels/Dialog.stories.jsx      | 12 ++++++++++++
 src/components/panels/Panel.stories.jsx       | 12 ++++++++++++
 src/components/panels/Parenthesis.stories.jsx | 13 +++++++++++++
 4 files changed, 49 insertions(+)

diff --git a/src/components/panels/Box.stories.jsx b/src/components/panels/Box.stories.jsx
index d7c030d..5df8d79 100644
--- a/src/components/panels/Box.stories.jsx
+++ b/src/components/panels/Box.stories.jsx
@@ -22,3 +22,15 @@ export const Default = props => (
     </Box>
 )
 Default.args = {}
+
+
+export const Nested = props => (
+    <Box {...props}>
+        <Box>
+            <Box>
+                These are three nested Boxes.
+            </Box>
+        </Box>
+    </Box>
+)
+Nested.args = {}
diff --git a/src/components/panels/Dialog.stories.jsx b/src/components/panels/Dialog.stories.jsx
index 0fab4b9..0dde993 100644
--- a/src/components/panels/Dialog.stories.jsx
+++ b/src/components/panels/Dialog.stories.jsx
@@ -22,3 +22,15 @@ export const Default = props => (
     </Dialog>
 )
 Default.args = {}
+
+
+export const Nested = props => (
+    <Dialog {...props}>
+        <Dialog>
+            <Dialog>
+                These are three nested Dialogs.
+            </Dialog>
+        </Dialog>
+    </Dialog>
+)
+Nested.args = {}
diff --git a/src/components/panels/Panel.stories.jsx b/src/components/panels/Panel.stories.jsx
index 471a40a..21f507e 100644
--- a/src/components/panels/Panel.stories.jsx
+++ b/src/components/panels/Panel.stories.jsx
@@ -22,3 +22,15 @@ export const Default = props => (
     </Panel>
 )
 Default.args = {}
+
+
+export const Nested = props => (
+    <Panel {...props}>
+        <Panel>
+            <Panel>
+                These are three nested Panels.
+            </Panel>
+        </Panel>
+    </Panel>
+)
+Nested.args = {}
diff --git a/src/components/panels/Parenthesis.stories.jsx b/src/components/panels/Parenthesis.stories.jsx
index 3daa7c8..820f11f 100644
--- a/src/components/panels/Parenthesis.stories.jsx
+++ b/src/components/panels/Parenthesis.stories.jsx
@@ -22,3 +22,16 @@ export const Default = props => (
     </Parenthesis>
 )
 Default.args = {}
+
+
+export const Nested = props => (
+    <Parenthesis {...props}>
+        <Parenthesis>
+            <Parenthesis>
+                These are three nested Parentheses.
+            </Parenthesis>
+        </Parenthesis>
+    </Parenthesis>
+)
+Nested.args = {}
+