/** Four-color state semantic (green done / amber user-attention / blue running ring / red error). */
export type StateDotState = 'done' | 'warning' | 'ongoing' | 'error';
/**
 * Render a state dot.
 * @param props.state - which of the four states to show.
 * @param props.size - outer diameter in px (default 10, the figma size).
 * @param props.className - extra class for layout placement.
 * @returns the dot element (aria-hidden; pair with text for accessibility).
 */
export declare function StateDot({ state, size, className }: {
    state: StateDotState;
    size?: number | undefined;
    className?: string | undefined;
}): import("react").JSX.Element;
//# sourceMappingURL=StateDot.d.ts.map