import React from 'react'
import {MdSmartphone, MdArrowDownward} from 'react-icons/lib/md'
import styled from 'styled-components'

export default () => (
  <Container>
    <MdSmartphone />
    <Overlay>
      <MdArrowDownward />
    </Overlay>
  </Container>
)

const Container = styled.div`
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
`

const Overlay = styled.div`
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50%;
`