import { CSSResultGroup } from 'lit';
import { AgBadge, BadgeProps } from '../../Badge/core/_Badge.js';
import { FxProps } from '../../../types/fx.js';

export interface BadgeFxProps extends BadgeProps, FxProps {
}
/**
 * BadgeFx - Badge with CSS animation effects
 *
 * Extends AgBadge to add optional CSS-only animation effects.
 * Inherits all Badge functionality and styling.
 *
 * Features:
 * - CSS-only FX effects
 * - Full control over hover states
 * - Automatic reduced-motion support
 * - Can override Badge's default hover behaviors
 */
export declare class BadgeFx extends AgBadge implements BadgeFxProps {
    static styles: CSSResultGroup;
    fx?: string;
    fxSpeed: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    fxEase: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bounce' | 'spring-sm' | 'spring-md' | 'spring-lg';
    fxDisabled: boolean;
    private _observer;
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    private _updateTheme;
    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
    updated(changedProperties: Map<PropertyKey, unknown>): void;
    private _applyFxClasses;
    private _applyFxCustomProperties;
}
//# sourceMappingURL=_BadgeFx.d.ts.map