Merge pull request #15 from eug-vs/refactor/orientation

Revise BENZIN orientation

1 files changed, 4 insertions, 6 deletions

diff --git a/src/index.tsx b/src/index.tsx
index 4dd760b..5ba33a0 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,21 +1,19 @@
 import React, { useState, useRef } from 'react';
 import ReactDOM from 'react-dom';
-
 import {
   makeStyles,
   TextField,
   Button,
   Link,
 } from '@material-ui/core';
-
 import {
   Benzin,
-  Header,
-  Window,
   Markdown,
   ContentSection,
 } from './lib';
 
+import Header from './demo/Header/Header';
+import Window from './demo/Window/Window';
 import icon from './assets/icon.svg';
 
 interface RenderPropTypes {
@@ -23,7 +21,6 @@ interface RenderPropTypes {
   style: React.CSSProperties;
 }
 
-
 const useStyles = makeStyles(theme => ({
   window: {
     padding: theme.spacing(4),
@@ -102,7 +99,8 @@ const LivePreviewPage: React.FC<LivePropTypes> = ({ setLivePreviewData }) => {
       <ContentSection sectionName="Markdown live preview" level={2}>
         <p>
           Start typing and see your text rendered on the left window!
-          You can find the list of all Markdown features {' '}
+          You can find the list of all Markdown features
+          {' '}
           <Link href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet">
             here
           </Link>