From c9f61c66ab23ee72cb1c2000a4c05efa0d155ed8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Artur=20Bie=C5=84?= <artur.bien@gmail.com>
Date: Tue, 19 May 2020 20:10:06 +0200
Subject: [PATCH] docs(window.stories.js): add panel to window example

---
 src/components/Window/Window.stories.js | 35 +++++++++++++------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/components/Window/Window.stories.js b/src/components/Window/Window.stories.js
index f924c693..0210665d 100644
--- a/src/components/Window/Window.stories.js
+++ b/src/components/Window/Window.stories.js
@@ -1,6 +1,13 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Window, WindowContent, WindowHeader, Button, Toolbar } from 'react95';
+import {
+  Window,
+  WindowContent,
+  WindowHeader,
+  Button,
+  Toolbar,
+  Panel
+} from 'react95';
 
 export default {
   title: 'Window',
@@ -44,9 +51,6 @@ const Wrapper = styled.div`
       transform: translateY(-50%);
     }
   }
-  p {
-    line-height: 1.4;
-  }
   .window {
     width: 400px;
     min-height: 200px;
@@ -54,6 +58,13 @@ const Wrapper = styled.div`
   .window:nth-child(2) {
     margin: 2rem;
   }
+  .footer {
+    display: block;
+    margin: 0.25rem;
+    height: 31px;
+    line-height: 31px;
+    padding-left: 0.25rem;
+  }
 `;
 export const Default = () => (
   <>
@@ -82,6 +93,9 @@ export const Default = () => (
           tho!)
         </p>
       </WindowContent>
+      <Panel variant='well' className='footer'>
+        Put some useful informations here
+      </Panel>
     </Window>
 
     <Window className='window'>
@@ -99,16 +113,3 @@ export const Default = () => (
 Default.story = {
   name: 'default'
 };
-
-export const Resizable = () => (
-  <Window resizable>
-    <WindowHeader>react95.exe</WindowHeader>
-    <WindowContent>
-      Resizable Window displays resize handle in bottom right corner
-    </WindowContent>
-  </Window>
-);
-
-Resizable.story = {
-  name: 'resizable'
-};