From 7324f8ce169658e3897ee69b302e9999fc7fd125 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Fri, 19 Jul 2019 16:17:43 +0300
Subject: [PATCH] RouterDecorator component implemented

---
 storybook/RouterDecorator/RouterDecorator.js | 21 ++++++++++++++++++++
 storybook/RouterDecorator/index.js           |  3 +++
 storybook/RouterDecorator/styles.less        |  9 +++++++++
 3 files changed, 33 insertions(+)
 create mode 100644 storybook/RouterDecorator/RouterDecorator.js
 create mode 100644 storybook/RouterDecorator/index.js
 create mode 100644 storybook/RouterDecorator/styles.less

diff --git a/storybook/RouterDecorator/RouterDecorator.js b/storybook/RouterDecorator/RouterDecorator.js
new file mode 100644
index 000000000..407867187
--- /dev/null
+++ b/storybook/RouterDecorator/RouterDecorator.js
@@ -0,0 +1,21 @@
+const React = require('react');
+const classnames = require('classnames');
+const { RoutesContainerProvider } = require('stremio-navigation/RoutesContainerContext');
+const Route = require('stremio-navigation/Router/Route');
+const routerStyles = require('stremio-navigation/Router/styles');
+const appStyles = require('stremio/App/styles');
+const styles = require('./styles');
+
+const RouterDecorator = ({ children }) => (
+    <div id={'app'}>
+        <RoutesContainerProvider containerClassName={classnames(appStyles['router'], routerStyles['router-container'])}>
+            <Route>
+                <div className={styles['route-content-container']}>
+                    {children}
+                </div>
+            </Route>
+        </RoutesContainerProvider>
+    </div>
+);
+
+module.exports = RouterDecorator;
diff --git a/storybook/RouterDecorator/index.js b/storybook/RouterDecorator/index.js
new file mode 100644
index 000000000..639c0894c
--- /dev/null
+++ b/storybook/RouterDecorator/index.js
@@ -0,0 +1,3 @@
+const RouterDecorator = require('./RouterDecorator');
+
+module.exports = RouterDecorator;
diff --git a/storybook/RouterDecorator/styles.less b/storybook/RouterDecorator/styles.less
new file mode 100644
index 000000000..3e9d6f0c5
--- /dev/null
+++ b/storybook/RouterDecorator/styles.less
@@ -0,0 +1,9 @@
+.route-content-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+    background-color: var(--color-background);
+}
\ No newline at end of file