import React from 'react'
import {MdHelp} from 'react-icons/lib/md'
import {Container, Dropdown} from './styles.react.scss'
import Hover from 'components/utils/hover'

export default ({children: help}) => (
  <Hover>
    {(hover) => (
      <Container>
        <MdHelp />
        {hover ? (
          <Dropdown>
            {help}
          </Dropdown>
        ) : null}
      </Container>
    )}
  </Hover>
)