useFeatureAccess

import { useFeatureAccess } from 'crovver-react';

function ExportButton() {
  const { hasAccess, isLoading, redirectToUpgrade } = useFeatureAccess('data_export');

  if (isLoading) return null;

  return hasAccess
    ? <button onClick={exportData}>Export CSV</button>
    : <button onClick={redirectToUpgrade}>Upgrade to Export</button>;
}

{
  hasAccess: boolean;     // true if the plan includes this feature
  canAccess: boolean;     // alias for hasAccess
  isLoading: boolean;
  error: Error | null;
  redirectToUpgrade: () => void;
  refresh: () => Promise<void>;
}

const { hasAccess } = useFeatureAccess('bulk_operations');

<button disabled={!hasAccess} title={!hasAccess ? 'Upgrade to unlock' : undefined}>
  Bulk Delete
</button>

// Feature gate scoped to a product (requires remote check)
const { hasAccess } = useFeatureAccess('job_posting', {
  checkRemote: true,
  productSlug: 'product-a',
});

// Does this tenant have any active subscription for product-a?
const { hasAccess: hasProductA } = useFeatureAccess(undefined, {
  checkRemote: true,
  productSlug: 'product-a',
});

const analytics = useFeatureAccess('advanced_analytics');
const exports   = useFeatureAccess('data_export');
const api       = useFeatureAccess('api_access');