Michael Chihlas
3f04911070
Co-authored-by: Michael Chihlas <michael@resolutionflow.com> Co-committed-by: Michael Chihlas <michael@resolutionflow.com>
25 lines
616 B
TypeScript
25 lines
616 B
TypeScript
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>
|
|
)
|
|
}
|