import type { JSX } from "react";
/**
 * Props for Loading components.
 * Extends standard HTML div attributes.
 */
export type LoadingProps = JSX.IntrinsicElements["div"] & {
    /**
     * The size of the loading indicator.
     * Can be a number (pixels) or a CSS string.
     */
    size?: string | number;
    /**
     * The color of the loading indicator.
     * Can be any valid CSS color string.
     */
    color?: string;
};
/**
 * A pulsing circle loading indicator.
 *
 * @param props - The component props.
 * @returns The rendered loading indicator.
 *
 * @example
 * ```tsx
 * <Pulse size={24} color="blue" />
 * ```
 */
export declare let Pulse: ({ size, color, className, style, ...props }: LoadingProps) => JSX.Element;
/**
 * A bouncing dots loading indicator.
 *
 * @param props - The component props.
 * @returns The rendered loading indicator.
 *
 * @example
 * ```tsx
 * <Bounce size="2em" />
 * ```
 */
export declare let Bounce: ({ className, size, color, style, ...props }: LoadingProps) => JSX.Element;
/**
 * A flowing dots loading indicator.
 *
 * @param props - The component props.
 * @returns The rendered loading indicator.
 *
 * @example
 * ```tsx
 * <Flow />
 * ```
 */
export declare let Flow: ({ className, size, color, style, ...props }: LoadingProps) => JSX.Element;
/**
 * A circle fade loading indicator (spinner).
 *
 * @param props - The component props.
 * @returns The rendered loading indicator.
 *
 * @example
 * ```tsx
 * <CircleFade size={48} />
 * ```
 */
export declare let CircleFade: ({ className, size, color, style, ...props }: LoadingProps) => JSX.Element;