import { CSSProperties } from 'react';
import { Digit, FlipMode } from './types';
export interface FlipCardProps {
    /** Value currently shown on the card. Changing it triggers the flip animation. */
    value: Digit;
    /**
     * How the card animates toward `value`.
     * @default 'sync'
     */
    mode?: FlipMode;
    className?: string;
    style?: CSSProperties;
}
/**
 * A single 3D flip card driven by a chase-latest loop: it stores only the
 * displayed face and flips toward the latest `value`. On every `transitionEnd`
 * it re-reads `value`, so updates are never dropped (`sync`) and a changing
 * target keeps rolling without any queued state (`queue`).
 *
 * Restarting a CSS transition needs the element to be committed at 0° before the
 * flip class is added — otherwise rapid updates collapse "settle" and "flip"
 * into one paint, the transition never starts, `transitionEnd` never fires, and
 * the card gets stuck. We use an `armed` step: render the new faces at 0°, force
 * a reflow in a layout effect, then add the flip class. That makes the restart
 * independent of paint timing.
 */
export declare function FlipCard(props: FlipCardProps): import("react").JSX.Element;