import * as _angular_core from '@angular/core';
import * as i1 from '@eui/components/shared';
import { BaseStatesDirective } from '@eui/components/shared';

/**
 * @description
 * A badge component that can display text, numbers, or icons with various states and styles.
 * Supports content truncation, empty states, and icon-only modes.
 *
 * @usageNotes
 * ### Basic Usage
 * ```html
 * <!-- Status badge with semantic colors -->
 * <span euiStatusBadge euiSuccess>Active</span>
 * <span euiStatusBadge euiWarning>Pending</span>
 * <span euiStatusBadge euiDanger>Error</span>
 *
 * <!-- Dotted badge -->
 * <span euiStatusBadge euiInfo [euiDottedBadge]="true">New</span>
 *
 * <!-- Custom color palette -->
 * <span euiStatusBadge [colorPalette]="'custom-color'">Custom</span>
 * ```
 *
 * ### Accessibility
 * - Badge has role="status" for screen readers
 * - Provide meaningful aria-label describing the status
 * - Ensure sufficient color contrast for text visibility
 *
 * ### Notes
 * - Use semantic color variants (euiSuccess, euiWarning, euiDanger, euiInfo) for consistent meaning
 * - Size variants (euiSizeS, euiSizeM) control badge dimensions
 * - Dotted badge mode displays a small dot indicator instead of full badge
 */
declare class EuiStatusBadgeComponent {
    /** @description Data attribute for e2e testing */
    readonly e2eAttr: _angular_core.InputSignal<string>;
    /** @description ARIA label for accessibility */
    readonly ariaLabel: _angular_core.InputSignal<string>;
    /**
     * @description Whether to display the badge as a dot
     * @default false
     */
    readonly euiDottedBadge: _angular_core.InputSignalWithTransform<boolean, unknown>;
    /**
     * Extra color palette to be used on the status-badge.
     */
    readonly colorPalette: _angular_core.InputSignal<string>;
    /** @description Instance of BaseStatesDirective for managing component states */
    protected baseStatesDirective: BaseStatesDirective;
    /**
     * @description
     * Computes and returns the CSS classes for the badge based on its current state
     *
     * @returns {string} Space-separated string of CSS class names
     */
    protected readonly cssClasses: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EuiStatusBadgeComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EuiStatusBadgeComponent, "div[euiStatusBadge], span[euiStatusBadge], eui-status-badge", never, { "e2eAttr": { "alias": "e2eAttr"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "euiDottedBadge": { "alias": "euiDottedBadge"; "required": false; "isSignal": true; }; "colorPalette": { "alias": "colorPalette"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BaseStatesDirective; inputs: { "euiPrimary": "euiPrimary"; "euiSecondary": "euiSecondary"; "euiSuccess": "euiSuccess"; "euiInfo": "euiInfo"; "euiWarning": "euiWarning"; "euiDanger": "euiDanger"; "euiVariant": "euiVariant"; "euiSizeS": "euiSizeS"; "euiSizeM": "euiSizeM"; "euiSizeVariant": "euiSizeVariant"; }; outputs: {}; }]>;
}

declare const EUI_STATUS_BADGE: readonly [typeof EuiStatusBadgeComponent];

export { EUI_STATUS_BADGE, EuiStatusBadgeComponent };
//# sourceMappingURL=eui-components-eui-status-badge.d.ts.map
