import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
import { DotStatusSize, DotStatusState } from '../../../../types/src/dot-status';
import { CSSResultGroup } from 'lit';

/**
 * @summary Dot Status displays a small colored indicator representing a status.
 *
 * @event cx-dot-status-click - Emitted when the user clicks the dot. Use to open a tooltip, show details, etc.
 *
 * @csspart base - The component's base wrapper span.
 *
 * @cssproperty --dot-color - Overrides the dot's fill color.
 * @cssproperty --dot-size - Overrides the dot's width and height.
 */
export default class CxDotStatus extends CortexElement {
    static readonly styles: CSSResultGroup;
    static readonly dependencies: {};
    /** The semantic status the dot represents. */
    status: DotStatusState;
    /** The diameter of the dot. */
    size: DotStatusSize;
    /** Enables a pulsing ring animation to draw attention. */
    pulse: boolean;
    /**
     * Accessible label announced by screen readers.
     * Defaults to the current `status` value when not provided.
     */
    label: string;
    private handleClick;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-dot-status': CxDotStatus;
    }
}
