import * as react from 'react';
import { F as FocusedField, f as CardVariant, B as Brand, e as CardSlot, d as CardOptions, g as CopyField } from './card-BdHBF4_R.js';
export { h as brandFromStripe } from './card-BdHBF4_R.js';

interface CardProps {
    number?: string;
    name?: string;
    expiry?: string;
    cvc?: string;
    focused?: FocusedField | null;
    /** Visual finish of the card. Default: 'sunset' (brand-tinted blooms). */
    variant?: CardVariant;
    /** Pointer-tracked 3D hover tilt with a light glare. Default: false. */
    tilt?: boolean;
    /**
     * Force the displayed brand instead of deriving it from `number` — for
     * providers that report the brand without exposing the number (e.g. Stripe
     * Elements). `null` shows the unknown state; omit for automatic detection.
     */
    brand?: Brand | null;
    /**
     * Show only the last digits ('•••• •••• •••• 4242') when the full number is
     * unknown — saved cards or post-tokenization summaries. Ignored while
     * `number` has digits.
     */
    last4?: string;
    /**
     * 'form' (default) is the payment-form preview; 'display' presents an
     * existing card for dashboards (expiry/CVC on the front, no flip, reveal by
     * passing the real values).
     */
    layout?: 'form' | 'display';
    /**
     * Make the revealed number, expiry and CVC click-to-copy (display layout
     * only). Default: false.
     */
    copyable?: boolean;
    /**
     * Extra classes per part of the card (utility-first styling of internal
     * sections). Merged with the built-in classes. See CardSlot for the keys.
     */
    classNames?: Partial<Record<CardSlot, string>>;
    placeholders?: CardOptions['placeholders'];
    locale?: CardOptions['locale'];
    logos?: CardOptions['logos'];
    /** Called whenever the detected brand changes (null when unrecognized). */
    onBrandChange?: (brand: Brand | null) => void;
    /** Called after a copyable field is copied to the clipboard. */
    onCopy?: (field: CopyField, value: string) => void;
    /** Classes for the card root (`.crd`) — shorthand for `classNames.root`. */
    className?: string;
}
/**
 * Controlled card preview. Wraps the vanilla `crd-ui` renderer: the core owns
 * the markup; this component only forwards props on each render.
 */
declare function Card({ number, name, expiry, cvc, focused, variant, tilt, brand, last4, layout, copyable, classNames, placeholders, locale, logos, onBrandChange, onCopy, className, }: CardProps): react.JSX.Element;

export { Brand, Card, type CardProps, CardSlot, CardVariant, CopyField, FocusedField };