blob: dba3d589c43de717fc4def7c877f1cc5e0257a49 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
import React from 'react'
import { Banner } from 'rebass'
import logo from './logo-7-wonders.png'
import ReduxToastr from 'react-redux-toastr'
export default (props) => (
<div>
<Banner
align="center"
style={{minHeight: '30vh', marginBottom: 0}}
backgroundImage="https://images.unsplash.com/photo-1431207446535-a9296cf995b1?dpr=1&auto=format&fit=crop&w=1199&h=799&q=80&cs=tinysrgb&crop="
>
<img src={logo} alt="Seven Wonders Logo"/>
</Banner>
{props.children}
<ReduxToastr
timeOut={4000}
preventDuplicates
position="bottom-left"
progressBar/>
</div>
)
|