import * as React from 'react';

declare const theme: {
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    color: {
        primary: string;
        accent: string;
        white: string;
        current: string;
    };
};
type SpinnerProps = {
    /** Applied to the outer status element, like every other spread prop. */
    className?: string;
    /** Applied to the inner svg (sizing/colour live there). */
    svgClassName?: string;
    size?: keyof typeof theme.size;
    color?: keyof typeof theme.color;
    /**
     * Accessible name announced for the `role="status"` element. Defaults to
     * "Loading"; pass an empty string to suppress when surrounding content
     * already conveys the busy state (e.g. inside a Button with a label).
     */
    label?: string;
} & React.HTMLAttributes<HTMLSpanElement> & {
    ref?: React.Ref<HTMLSpanElement>;
};
declare function Spinner({ className, svgClassName, size, color, label, ref, ...props }: SpinnerProps): React.JSX.Element;

export { Spinner, type SpinnerProps };