import { AnimationEventHandler } from 'react';
import type { PDSTextType, UiColors } from '../../../common';
import type { LottieIconNameKeys } from '../../../common/assets/lotties';
export type LottieReactionButtonProps = {
    text?: PDSTextType;
    actionText?: PDSTextType;
    iconName?: LottieIconNameKeys;
    displayType?: 'icon_only' | 'icon_text';
    backgroundColorTheme?: 'base1' | 'base2' | 'base3' | 'base4' | 'base5';
    overrideBackgroundColorKey?: UiColors;
    state?: 'normal' | 'no_animation' | 'view_only' | 'disabled';
    type?: 'button' | 'submit';
    onTouchStart?: (e: React.TouchEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
    onTouchEnd?: (e: React.TouchEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
    onComplete?: AnimationEventHandler | null;
};
declare function LottieReactionButton({ text, actionText, iconName, displayType, backgroundColorTheme, overrideBackgroundColorKey, type, state, onTouchStart, onTouchEnd, onComplete }: LottieReactionButtonProps): JSX.Element;
export default LottieReactionButton;