summaryrefslogtreecommitdiff
path: root/frontend/src/layouts/LobbyLayout.js
blob: 83c210a101ee558893ee95c5f603c33bb1ed4ce6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import React from 'react'
import {
  Banner,
} from 'rebass'
import logo from './logo-7-wonders.png'

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}
  </div>
)
bgstack15