import React from 'react'
import {MdAddCircle} from 'react-icons/lib/md'
import styled from 'styled-components'
import UnstyledButton from 'components/utils/button'

export default ({on_create}) => (
  <Button secondary onClick={on_create} icon={MdAddCircle}>
    Nouveau champ
  </Button>
)

const Button = styled(UnstyledButton)`
  margin-top: 15px;
`