frontend/src/scenes/SplashScreen/components/HomeLayout.js


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

// @flow
import type { Node } from 'react';
import React from 'react';
import { Banner } from 'rebass';
import { ErrorToastContainer } from '../../../components/errors/errorToastContainer';
import background from './background-zeus-temple.jpg';
import logo from './logo-7-wonders.png';

export type HomeLayoutProps = {
  children?: Node,
}

export const HomeLayout = ({ children }: HomeLayoutProps) => (
  <div>
    <Banner align="center" backgroundImage={background}>
      <img src={logo} alt="Seven Wonders" />
      {children}
    </Banner>
    <ErrorToastContainer />
  </div>
);