import { default as React } from 'react';
import { StatusLevel } from '../utils';
export type StatusVariant = StatusLevel;
export interface StatusIndicatorProps {
    /** Status variant - determines color and shape */
    status: StatusVariant;
    /** Status label text */
    label?: string;
    /** Smaller size variant */
    small?: boolean;
    /** Show pulse animation for active states */
    pulse?: boolean;
    /** Show border (required for light theme per Astro UX) */
    bordered?: boolean;
    /** Custom className */
    className?: string;
    /** Click handler */
    onClick?: () => void;
}
/**
 * StatusIndicator - Pure React status component
 *
 * Displays standardized status symbols following Astro UX design patterns.
 * Uses dual-coding (color + shape) for WCAG 2.1 AA accessibility compliance.
 *
 * @example
 * ```tsx
 * <StatusIndicator status="normal" label="Power System" />
 * <StatusIndicator status="caution" label="Battery Low" />
 * <StatusIndicator status="critical" label="Comm Loss" pulse />
 * ```
 */
export declare const StatusIndicator: React.NamedExoticComponent<StatusIndicatorProps>;