// @flow
import React from 'react'
import Wrapper from './Wrapper'
import ArrowsInMovement from './ArrowsInMovement'

type Props = {
  role: string,
  className?: string,
  onClick?: () => {}
}

export const ContributeButton = ({ role, className, onClick }: Props) => {
  return (
    <Wrapper role={role} className={className} onClick={onClick}>
      CONTRIBUTE
      <ArrowsInMovement />
    </Wrapper>
  )
}

export default ContributeButton
