import { type CSSProperties, type HTMLAttributes } from 'react';
import { type CssLength } from '../../../utils/css';
export type CardBeamDirection = 'left' | 'right';
export type CardBeamCard = {
    id?: string;
    issuer?: string;
    number?: string;
    holder?: string;
    expiry?: string;
    label?: string;
    imageAlt?: string;
    imageSrc?: string;
    accent?: string;
    background?: string;
    foreground?: string;
};
export type CardBeamAnimationProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
    cards?: CardBeamCard[];
    cardCount?: number;
    direction?: CardBeamDirection;
    paused?: boolean;
    defaultPaused?: boolean;
    showControls?: boolean;
    speed?: number;
    fps?: number;
    height?: CssLength;
    minHeight?: CssLength;
    background?: CSSProperties['background'];
    beamColor?: CSSProperties['color'];
    glowColor?: CSSProperties['color'];
    particleColor?: CSSProperties['color'];
    maxDevicePixelRatio?: number;
    respectReducedMotion?: boolean;
    showCredit?: boolean;
    onPausedChange?: (paused: boolean) => void;
    onDirectionChange?: (direction: CardBeamDirection) => void;
};
export declare const CardBeamAnimation: ({ background, beamColor, cardCount, cards, className, defaultPaused, direction, fps, glowColor, height, maxDevicePixelRatio, minHeight, onDirectionChange, onPausedChange, particleColor, paused, respectReducedMotion, showCredit, showControls, speed, style, ...props }: CardBeamAnimationProps) => import("react/jsx-runtime").JSX.Element;