/**
 * html/loading — variant-styled loading container <div> + loading helper elements.
 *
 * Controls the outer wrapper layout for loading states.
 */
import { type HTMLAttributes } from "react";
import { type VariantProps } from "class-variance-authority";
export declare const loadingContainerVariants: (props?: ({
    variant?: "section" | "inline" | "fullscreen" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type LoadingContainerElProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof loadingContainerVariants>;
export declare const LoadingContainerEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    variant?: "section" | "inline" | "fullscreen" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
export declare const spinnerVariants: (props?: ({
    size?: "default" | "sm" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type SpinnerElProps = {
    size?: "sm" | "default" | "lg";
};
/** Animated spinner icon. Size controlled by the `size` variant. */
export declare function SpinnerEl({ size }: SpinnerElProps): import("react").JSX.Element;
declare const loadingInnerVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type LoadingInnerElProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof loadingInnerVariants>;
export declare const LoadingInnerEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
export {};
//# sourceMappingURL=loading.d.ts.map