import React from 'react'
import Link from 'gatsby-link'

let defaultClasses =
  'px-8 py-3 leading-none inline-block text-sm no-underline uppercase'

let standardBtn = 'border hover:bg-teal hover:text-white hover:border-teal'

const Button = ({ ...props }) => (
  <Link
    to={props.url}
    className={`${props.standard ? standardBtn : ''} ${defaultClasses} ${
      props.classes
    }`}
  >
    {props.text}
  </Link>
)

export default Button
