import { type HTMLAttributes } from 'react';
import { type VariantProps } from 'class-variance-authority';
export type TransactionState = 'debt' | 'credit' | 'to-invoice' | 'to-deliver' | 'settled' | 'discount';
declare const chipVariants: (props?: ({
    state?: "debt" | "credit" | "to-invoice" | "to-deliver" | "settled" | "discount" | null | undefined;
    size?: "sm" | "md" | "lg" | null | undefined;
    bold?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface TransactionChipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, Pick<VariantProps<typeof chipVariants>, 'size'> {
    /** Financial state — drives colour, icon, sign, and label. */
    state: TransactionState;
    /**
     * Magnitude of the amount as a non-negative number. The sign is rendered
     * separately based on `state` — callers must never pass a negative value.
     */
    amount: number;
    /**
     * ISO 4217 currency code. Defaults to `EUR` for the Italian-anchored
     * release. Required at the type level so consumers can't silently render
     * a different currency than they intended.
     */
    currency?: string;
    /** BCP 47 locale override. Defaults to the active i18next language. */
    locale?: string;
    /** Render the state label (e.g. "Da incassare") before the amount. */
    showLabel?: boolean;
    /**
     * Replaces the state's own word, in the visible label and in the accessible
     * name, when the money has a more exact name than its state: an online
     * deposit is `settled`, and reads "Paid online". Pass a translated string.
     * The colour, glyph and sign still follow `state`.
     */
    label?: string;
    /**
     * Render the state glyph. Default `true`.
     *
     * Set `false` where several money chips sit side by side and each already
     * carries its label: three glyphs in a row add three shapes to parse for
     * information the words already give, and the colour still separates the
     * states. The glyph is decorative (`aria-hidden`), so dropping it changes
     * nothing a screen reader hears — the signed amount and the state label are
     * untouched.
     */
    showIcon?: boolean;
}
export declare const TransactionChip: import("react").ForwardRefExoticComponent<TransactionChipProps & import("react").RefAttributes<HTMLSpanElement>>;
export {};
//# sourceMappingURL=transaction-chip.d.ts.map