import { cn } from '@/lib/utils'

interface CheckoutButtonProps {
  plan: 'starter' | 'pro' | 'enterprise'
  className?: string
}

export function CheckoutButton({ plan, className }: CheckoutButtonProps) {
  const planLabels = { starter: 'Starter', pro: 'Pro', enterprise: 'Enterprise' }

  return (
    <button
      disabled
      title="Billing coming soon"
      className={cn(
        'rounded-md bg-white px-4 py-2 text-sm font-medium text-black',
        'disabled:opacity-50 disabled:cursor-not-allowed',
        className
      )}
    >
      Upgrade to {planLabels[plan]} (Coming Soon)
    </button>
  )
}
