From bd9494ecf46c5cce8b9e72496abd2b3dd771d4df Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Tue, 17 Aug 2021 18:10:51 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=94=20Use=20panels=20in=20layout=20sto?=
 =?UTF-8?q?ries?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layouts/LayoutFill.stories.jsx     |  5 ++++-
 src/components/layouts/LayoutThreeCol.stories.jsx | 13 ++++++++++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/layouts/LayoutFill.stories.jsx b/src/components/layouts/LayoutFill.stories.jsx
index aa5c1d4..40141ac 100644
--- a/src/components/layouts/LayoutFill.stories.jsx
+++ b/src/components/layouts/LayoutFill.stories.jsx
@@ -3,6 +3,7 @@ import * as ReactDOM from "react-dom"
 import * as Decorators from "../../utils/Decorators"
 import { LayoutFill } from "./LayoutFill"
 import { Bluelib } from "../Bluelib"
+import { Box } from "../panels/Box"
 
 
 export default {
@@ -18,7 +19,9 @@ export default {
 export const Default = props => (
     <LayoutFill {...props}>
         <LayoutFill.Single>
-            Single
+            <Box>
+                Single
+            </Box>
         </LayoutFill.Single>
     </LayoutFill>
 )
diff --git a/src/components/layouts/LayoutThreeCol.stories.jsx b/src/components/layouts/LayoutThreeCol.stories.jsx
index 03d6955..732015b 100644
--- a/src/components/layouts/LayoutThreeCol.stories.jsx
+++ b/src/components/layouts/LayoutThreeCol.stories.jsx
@@ -2,6 +2,7 @@ import * as React from "react"
 import * as ReactDOM from "react-dom"
 import * as Decorators from "../../utils/Decorators"
 import { LayoutThreeCol } from "./LayoutThreeCol"
+import { Box } from "../panels/Box"
 
 
 export default {
@@ -17,13 +18,19 @@ export default {
 export const Default = props => (
     <LayoutThreeCol {...props}>
         <LayoutThreeCol.Left>
-            Left
+            <Box>
+                Left
+            </Box>
         </LayoutThreeCol.Left>
         <LayoutThreeCol.Center>
-            Center
+            <Box>
+                Center
+            </Box>
         </LayoutThreeCol.Center>
         <LayoutThreeCol.Right>
-            Right
+            <Box>
+                Right
+            </Box>
         </LayoutThreeCol.Right>
     </LayoutThreeCol>
 )