useBillingRedirect

import { useBillingRedirect } from 'crovver-react';

function UpgradeButton() {
  const { redirectToCheckout, isRedirecting } = useBillingRedirect();

  return (
    <button
      onClick={() => redirectToCheckout()}
      disabled={isRedirecting}
    >
      {isRedirecting ? 'Redirecting...' : 'Upgrade Plan'}
    </button>
  );
}

{
  redirectToCheckout: (options?: CheckoutOptions) => void;
  redirectToBilling: () => void;
  isRedirecting: boolean;
}

{
  requiredFeature?: string;   // Pre-selects a plan that includes this feature
  requiredPlan?: string;      // Pre-selects a specific plan ID
  productSlug?: string;       // Scopes the pricing page to a single product
}

// Basic upgrade
redirectToCheckout();

// Upgrade prompted by a specific locked feature
redirectToCheckout({ requiredFeature: 'advanced_analytics' });

// Redirect to a specific plan
redirectToCheckout({ requiredPlan: 'plan_enterprise' });

// Scope pricing page to a single product (multi-product orgs)
redirectToCheckout({ productSlug: 'marketing' });

function BillingSettings() {
  const { redirectToBilling } = useBillingRedirect();

  return (
    <button onClick={() => redirectToBilling()}>
      Manage Billing
    </button>
  );
}