import { useBilling } from '@flowglad/nextjs'

function CheckoutButton() {
  const { createCheckoutSession, catalog } = useBilling()

  const onClickUpgrade = () => createCheckoutSession({
    priceId: catalog.products[0].defaultPrice.id,
    autoRedirect: true
  })

  return <button onClick={onClickUpgrade}>
    Upgrade
  </button>
}