import { EventEmitter } from '../../stencil-public-runtime';
import { IconName } from '../nv-icon/nv-icons';
/**
 * @slot leading-icon - Icon before the label.
 * @slot default - for custom content, for pure text use label instead.
 */
export declare class NvBadge {
    el: HTMLNvBadgeElement;
    /****************************************************************************/
    /**
     * Whether the badge is dismissible.
     * @deprecated use dismissible instead.
     */
    readonly dismissal: boolean;
    /**
     * The icon to display in the badge.
     * @deprecated use leadIcon or slot="leading-icon" instead.
     * @icon
     */
    readonly icon: `${IconName}`;
    /**
     * The location of the icon in the badge.
     * @deprecated only leadIcon now.
     */
    readonly iconLocation: 'left' | 'right';
    /****************************************************************************/
    /**
     * The color of the badge.
     * deprecated Use status values or named colors instead.
     * Use a string between 1 to 10
     * or one of the status values: error, information, neutral, success, warning
     * or one of the color names: amber, orange, turquoise, crimson, lime
     */
    readonly color?: string;
    /**
     * Main content of the badge.
     */
    readonly label?: string | null;
    /**
     * The lead icon of the badge.
     * @icon
     */
    leadIcon?: `${IconName}` | null;
    /**
     * Whether the badge is dismissible.
     */
    dismissible: boolean;
    /**
     * Controls the visibility of the badge. Will animate with fade and collapse.
     */
    hidden: boolean;
    private _isHidden;
    /**
     * When true, the alert does not automatically close upon dismissing.
     * Useful for externally controlled component behavior.
     */
    readonly preventAutoClose: boolean;
    /**
     * When true, the badge will only display an icon without label.
     * The label will be visually hidden but still accessible for screen readers.
     */
    readonly isIconOnly?: boolean;
    /****************************************************************************/
    /**
     * Emitted when the badge is dismissed.
     */
    closeClicked: EventEmitter<void>;
    /**
     * Emits when the 'hidden' prop changes, reflecting a change in visibility.
     * Passes hidden value to the detail.
     */
    hiddenChanged: EventEmitter<boolean>;
    /**
     * Emitted when the animations complete, detail includes the hidden value.
     */
    hiddenChangedComplete: EventEmitter<boolean>;
    /****************************************************************************/
    /**
     * Handles the dismissal prop change.
     * @param {boolean} dismissal - The new dismissal value.
     */
    handleDismissalChange(dismissal: boolean): void;
    /**
     * Handles the icon prop change.
     * @param {string} icon - The new icon value.
     */
    handleIconChange(icon: `${IconName}`): void;
    /**
     * Handles the hidden prop change.
     * @param {boolean} hidden - The new hidden value.
     */
    handleHiddenChange(hidden: boolean): Promise<void>;
    /****************************************************************************/
    /**
     * Component will load.
     */
    componentWillLoad(): void;
    /****************************************************************************/
    /**
     * Handles the close button click.
     */
    private readonly handleClose;
    /****************************************************************************/
    render(): any;
}