Button

<Button variant="primary" size="md">Deploy build</Button>

import Link from 'next/link'
import { cn } from '@/lib/utils'

type Variant = 'primary' | 'secondary' | 'ghost'
type Size    = 'sm' | 'md' | 'lg'

interface ButtonProps {
  variant?:  Variant
  size?:     Size
  href?:     string
  type?:     'button' | 'submit' | 'reset'
  disabled?: boolean
  className?: string
  onClick?:  () => void
  children:  React.ReactNode
}

export function Button({
  variant   = 'primary',
  size      = 'md',
  href,
  type      = 'button',
  disabled,
  className,
  onClick,
  children,
}: ButtonProps): React.JSX.Element {
  const cls = cn('bp-btn', `bp-btn-${variant}`, `bp-btn-${size}`, className)

  if (href) {
    if (disabled) {
      return (
        <Link
          href={href}
          className={cls}
          aria-disabled="true"
          tabIndex={-1}
          onClick={(e) => e.preventDefault()}
        >
          {children}
        </Link>
      )
    }
    return (
      <Link href={href} className={cls} onClick={onClick}>
        {children}
      </Link>
    )
  }

  return (
    <button type={type} disabled={disabled} onClick={onClick} className={cls}>
      {children}
    </button>
  )
}