import React from 'react';
import { HashRouter as Router, Route, Switch } from 'react-router-dom';
import TemplatePage from '../pages/TemplatePage';
import Components from '../pages/Components';
import Animations from '../pages/Animations';
import Styles from '../pages/Styles';
import Stage from'../pages/Stage';

const RouteMessage = ({children}) =>
  <div>
    <div className="color-bg-body">
      <h1>{children}</h1>
    </div>
  </div>;

export const AppRouter = ({config}) =>
  <Router>
    <Switch>
      <Route exact path="/" component={Stage}/>
      <Route path="/a" component={Animations}/>
      <Route path="/c" component={Components}/>
      <Route path="/s" component={Styles}/>
      <Route path="/404" render={() => <RouteMessage>There&apos;s nothing
        here.</RouteMessage>}/>
      <Route render={() => <RouteMessage>There&apos;s nothing
        here.</RouteMessage>}/>
    </Switch>
  </Router>;
@@ -539,21 +539,26 @@
 ponent=%7B
-Stage
+Components
 %7D/%3E%0A    
@@ -621,17 +621,17 @@
  path=%22/
-c
+s
 %22 compon
@@ -631,34 +631,29 @@
  component=%7B
-Components
+Stage
 %7D/%3E%0A      %3CR
@@ -657,32 +657,33 @@
  %3CRoute path=%22/s
+t
 %22 component=%7BSty

Change default page