@heroui/theme

import * as tailwind_variants from 'tailwind-variants'; import { VariantProps } from 'tailwind-variants'; /** * Spinner wrapper **Tailwind Variants** component * * const {base, circle1, circle2, label } = spinner({...}) * * @example * <div className={base())}> * <i className={circle1()}/> * <i className={circle2()}/> * <span className={label()}/> * </div> */ declare const spinner: tailwind_variants.TVReturnType<{ size: { sm: { wrapper: string; circle1: string; circle2: string; dots: string; label: string; }; md: { wrapper: string; circle1: string; circle2: string; dots: string; label: string; }; lg: { wrapper: string; circle1: string; circle2: string; dots: string; label: string; }; }; color: { current: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; white: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; default: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; primary: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; secondary: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; success: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; warning: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; danger: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; }; labelColor: { foreground: { label: string; }; primary: { label: string; }; secondary: { label: string; }; success: { label: string; }; warning: { label: string; }; danger: { label: string; }; }; variant: { default: { circle1: string[]; circle2: string[]; }; gradient: { circle1: string[]; circle2: string[]; }; wave: { wrapper: string; dots: string[]; }; dots: { wrapper: string; dots: string[]; }; spinner: {}; simple: { wrapper: string; circle1: string; circle2: string; }; }; }, { base: string; wrapper: string; label: string; circle1: string; circle2: string; dots: string; spinnerBars: string[]; }, undefined, { size: { sm: { wrapper: string; circle1: string; circle2: string; dots: string; label: string; }; md: { wrapper: string; circle1: string; circle2: string; dots: string; label: string; }; lg: { wrapper: string; circle1: string; circle2: string; dots: string; label: string; }; }; color: { current: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; white: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; default: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; primary: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; secondary: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; success: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; warning: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; danger: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; }; labelColor: { foreground: { label: string; }; primary: { label: string; }; secondary: { label: string; }; success: { label: string; }; warning: { label: string; }; danger: { label: string; }; }; variant: { default: { circle1: string[]; circle2: string[]; }; gradient: { circle1: string[]; circle2: string[]; }; wave: { wrapper: string; dots: string[]; }; dots: { wrapper: string; dots: string[]; }; spinner: {}; simple: { wrapper: string; circle1: string; circle2: string; }; }; }, { base: string; wrapper: string; label: string; circle1: string; circle2: string; dots: string; spinnerBars: string[]; }, tailwind_variants.TVReturnType<{ size: { sm: { wrapper: string; circle1: string; circle2: string; dots: string; label: string; }; md: { wrapper: string; circle1: string; circle2: string; dots: string; label: string; }; lg: { wrapper: string; circle1: string; circle2: string; dots: string; label: string; }; }; color: { current: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; white: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; default: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; primary: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; secondary: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; success: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; warning: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; danger: { circle1: string; circle2: string; dots: string; spinnerBars: string; }; }; labelColor: { foreground: { label: string; }; primary: { label: string; }; secondary: { label: string; }; success: { label: string; }; warning: { label: string; }; danger: { label: string; }; }; variant: { default: { circle1: string[]; circle2: string[]; }; gradient: { circle1: string[]; circle2: string[]; }; wave: { wrapper: string; dots: string[]; }; dots: { wrapper: string; dots: string[]; }; spinner: {}; simple: { wrapper: string; circle1: string; circle2: string; }; }; }, { base: string; wrapper: string; label: string; circle1: string; circle2: string; dots: string; spinnerBars: string[]; }, undefined, unknown, unknown, undefined>>; type SpinnerVariantProps = VariantProps<typeof spinner>; type SpinnerSlots = keyof ReturnType<typeof spinner>; export { type SpinnerSlots, type SpinnerVariantProps, spinner };