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

const Icon = styled.a`
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 4px;
  ${props => props.theme.shadow}
`

export default () => (
    <Flex height={100} alignItems="center" justifyContent="center">
        <Icon rel="noopener" href="https://www.facebook.com/Pelikan.sk/" target="_blank"><img src={"static/fb.ico"} alt="social media" /></Icon>
        <Icon rel="noopener" href="https://www.instagram.com/pelikan.sk/?hl=sk" target="_blank"><img src={"static/ig.ico"} alt="social media" /></Icon>
        <Icon rel="noopener" href="https://twitter.com/pelikan_sk" target="_blank"><img src={"static/tw.ico"} alt="social media" /></Icon>
    </Flex>
)
