import { type VariantProps } from 'tailwind-variants'; declare const spinnerVariants: import("tailwind-variants").TVReturnType<{ size: { sm: string; md: string; lg: string; }; }, undefined, "rounded-full border-2 border-muted border-t-primary", { size: { sm: string; md: string; lg: string; }; }, undefined, import("tailwind-variants").TVReturnType<{ size: { sm: string; md: string; lg: string; }; }, undefined, "rounded-full border-2 border-muted border-t-primary", unknown, unknown, undefined>>; export interface SpinnerProps extends VariantProps { className?: string; /** * What is loading, for a screen reader. Setting it makes the spinner * announce as a busy status; leaving it unset keeps it out of the * accessibility tree. * * Leave it unset wherever something around the spinner already says the * wait is on — a loading button, a row with its own caption. Set it where * the spinner is the only sign, or the wait passes in silence. */ label?: string; } /** * Rotating ring for work of unknown length. The animation runs entirely on the * UI thread. * * A bare ring carries no words, so it is hidden from assistive technology * unless `label` is given — an unnamed progress indicator announces its role * and nothing else, which is noise standing in for information. * * Under the platform's reduce-motion setting the ring stops turning and fades * in place instead. Stopping it dead is the other option and it is the wrong * one: a spinner that holds still reads as one that has hung, which is the * single thing a spinner exists to rule out. Reduce motion asks for less * travel, not for less news. */ export declare const Spinner: import("react").MemoExoticComponent<({ className, size, label, }: SpinnerProps) => import("react").JSX.Element>; export {}; //# sourceMappingURL=index.d.ts.map