frontend/src/layouts/HomeLayout.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import React from "react";
import { Banner } from "rebass";
import logo from "./logo-7-wonders.png";
import background from "./background-zeus-temple.jpg";
import ReduxToastr from "react-redux-toastr";

export default props => (
  <div>
    <Banner align="center" backgroundImage={background}>
      <img src={logo} alt="Seven Wonders" />
      {props.children}
    </Banner>
    <ReduxToastr
      timeOut={4000}
      preventDuplicates
      position="bottom-left"
      progressBar
    />
  </div>
);