import React from 'react'

export default function Button ({
  className,
  getRef,
  onClick,
  onMouseDown,
  text,
  isLoading
}) {
  return (
    <button
      ref={getRef}
      className={`gt-btn ${className}`}
      onClick={onClick}
      onMouseDown={onMouseDown}>
      <span className="gt-btn-text">{text}</span>
      {
        isLoading && <span className="gt-btn-loading gt-spinner" />
      }
    </button>
  )
}