import type { BaseProps } from '../BaseProps';
import type { StatusDotVariantMap } from './index';
/**
 * Status dot variant type derived from StatusDotVariantMap.
 * Extensible via module augmentation of StatusDotVariantMap.
 */
export type StatusDotVariant = keyof StatusDotVariantMap;
export interface StatusDotProps extends BaseProps<HTMLSpanElement> {
    /** Ref forwarded to the root element */
    ref?: React.Ref<HTMLSpanElement>;
    /**
     * The semantic color variant.
     */
    variant: StatusDotVariant;
    /**
     * Accessible label describing the status. Required for a11y.
     */
    label: string;
    /**
     * Whether the dot should pulse to indicate activity.
     * Respects `prefers-reduced-motion`.
     * @default false
     */
    isPulsing?: boolean;
    /**
     * Tooltip text shown on hover to explain the status meaning.
     * When omitted, no tooltip is rendered.
     */
    tooltip?: string;
}
/**
 * A small colored dot indicator for status display (online/offline, severity, etc).
 *
 * Fixed 8px size. Renders as a non-focusable `<span>` with `role="img"` and
 * `aria-label` for accessibility. Styles use Astryx theme tokens via StyleX.
 * Wrap your app in `<Theme>` to apply a theme.
 *
 * @example
 * ```
 * <StatusDot variant="success" label="Online" />
 * <StatusDot variant="error" label="Offline" />
 * <StatusDot variant="success" label="Live" isPulsing />
 * <StatusDot variant="success" label="Online" tooltip="Online" />
 * ```
 */
export declare function StatusDot({ variant, label, isPulsing, tooltip, xstyle, className, style, ref, ...props }: StatusDotProps): import("react").JSX.Element;
export declare namespace StatusDot {
    var displayName: string;
}
//# sourceMappingURL=StatusDot.d.ts.map