import { BillingAccountStatus } from "@stigmer/protos/ai/stigmer/billing/v1/enum_pb";
/** Props for {@link CreditPackGrid}. */
export interface CreditPackGridProps {
    /** Account status — purchases disabled when suspended or closed. */
    readonly accountStatus: BillingAccountStatus;
    /** ID of the pack currently being purchased (shows loading state). */
    readonly purchasingPackId?: string | null;
    /** Called when the user clicks a pack's buy button. */
    readonly onPurchase: (packId: string) => void;
    /** Additional CSS class names. */
    readonly className?: string;
}
/**
 * Grid of credit pack cards with purchase buttons.
 *
 * Displays the 3 self-serve credit packs (Starter, Growth, Team)
 * in a responsive grid. Each card shows the pack name, price,
 * credit count, and a buy button. Buttons are disabled when the
 * account is suspended/closed or a purchase is in progress.
 *
 * @example
 * ```tsx
 * <CreditPackGrid
 *   accountStatus={account.status}
 *   purchasingPackId={isSubmitting ? activePackId : null}
 *   onPurchase={(packId) => createSession({ orgId, packId, ... })}
 * />
 * ```
 */
export declare function CreditPackGrid({ accountStatus, purchasingPackId, onPurchase, className, }: CreditPackGridProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=CreditPackGrid.d.ts.map