import { ReactNode } from 'react';
import { TidbitProps } from '../tidbit/Tidbit.types';
import { SectionHeaderProps } from '../section-header/SectionHeader.types';
export type BillCardAutoPayType = 'on' | 'off' | 'paused' | 'none';
export interface BillCardAutoPayStatusLabels {
    on: string;
    off: string;
    paused: string;
    none: string;
}
export interface BillCardBillTotal {
    amount: ReactNode;
}
export interface BillCardBillCopy {
    header?: string;
    body?: string;
    headerPrefix?: string;
}
export interface BillCardProps {
    /** Unique identifier for the bill card. */
    id?: string;
    /** Section header props. Rendered above the card body. */
    sectionHeader?: SectionHeaderProps;
    /** Eyebrow text displayed above the bill total. */
    eyebrow: ReactNode;
    /** Tidbit props. Rendered above the header row. */
    tidbit?: Omit<TidbitProps, 'elevated' | 'inverse'>;
    /** The main billing amount. */
    billTotal: BillCardBillTotal;
    /** Optional bill copy with header, body, and header prefix. */
    billCopy?: BillCardBillCopy;
    /** Rendered button group content. */
    buttons?: ReactNode;
    /** Rendered list content. */
    lists?: ReactNode;
    /** Whether the component uses inverse (dark background) styling. */
    inverse?: boolean;
    /** AutoPay status type determining the status label variant. */
    autoPayType?: BillCardAutoPayType;
    /** Custom labels for auto-pay status. Merges with defaults. */
    autoPayStatusLabels?: Partial<BillCardAutoPayStatusLabels>;
    /** Additional CSS class names applied to the wrapper. */
    className?: string;
}
//# sourceMappingURL=BillCard.types.d.ts.map