import React from 'react'
import styled from 'styled-components'
import {Flex, Div} from '../components'

const Logo = styled.img`
  height: 50px;
  width: auto;
`

const LogoText = styled.img`
  height: 30px;
  width: auto;
`

export default () => (
    <Flex height={100} alignItems="center" justifyContent={['center', 'flex-start']}>
        <Div mr={10}>
            <Logo src={'static/logo.svg'} alt="Logo" />
        </Div>
        <LogoText src={'static/logo_text.svg'} alt="Logo text" />
    </Flex>
)
