import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
import { IconSize } from '../@types/Icons.js';
import { ThemeSpinner } from './theme.js';

interface SpinnerProps {
    /**
     * Size of the spinner
     */
    size?: IconSize | number;
    /**
     * Partial or complete theme to override the spinner's default colour palette.
     * The colours which can be changed are:
     *
     * `background`<br>
     * `color`<br>
     */
    theme?: Partial<ThemeSpinner>;
}
/**
 * [Storybook](https://guardian.github.io/storybooks/?path=/story/source_react-components-spinner--docs) •
 * [GitHub](https://github.com/guardian/csnx/tree/main/libs/@guardian/source/src/react-components/spinner/Spinner.tsx) •
 * [NPM](https://www.npmjs.com/package/@guardian/source)
 *
 * A spinner conveys to the user that a process is ongoing. ie. a page is
 * loading or an action is being processed. The spinner is purely visual and
 * does not include any accessibility features. It is the responsibility of the
 * consumer to ensure that the spinner is used in a way that is accessible by
 * adding an appropriate label (either visually or via `aria-label`) and
 * applying `aria-live` to the containing element if the user needs to be
 * informed of changes to the spinner's state.
 */
declare const Spinner: ({ size, theme }: SpinnerProps) => _emotion_react_jsx_runtime.JSX.Element;

export { Spinner };
export type { SpinnerProps };