import { IconProps } from '../../../components/Icon';
import { PassThroughPropsWithRef } from '../../../types';
/**
 * The visual variant of the StatusIcon.
 */
export type StatusIconVariant = "success" | "warning" | "error";
/**
 * Props for the StatusIcon component
 * @property {StatusIconVariant} variant - The visual variant of the status icon
 */
export type StatusIconProps = {
    /**
     * The visual variant of the status icon.
     */
    variant: StatusIconVariant;
    /**
     * Props spread onto the root `<span>` element.
     */
    rootProps?: PassThroughPropsWithRef<"span">;
    /**
     * Additional class names to apply to the root `<span>` element.
     */
    className?: string;
    /**
     * Props spread onto the inner `<Icon>` element.
     */
    iconProps?: Omit<IconProps, "svg" | "inherit" | "color">;
};
/**
 * StatusIcon component for displaying a status indicator icon.
 *
 * Features:
 * - Supports success, warning, and error variants
 * - Uses semantic status colors from design tokens
 * - Lightweight and composable
 *
 * @example
 * <StatusIcon variant="success" />
 * <StatusIcon variant="warning" />
 * <StatusIcon variant="error" />
 */
export declare const StatusIcon: {
    (props: StatusIconProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};