import React from 'react';
/**
 * Props for LoadingSpinner component
 */
export interface LoadingSpinnerProps {
    /**
     * Size of the spinner
     * @default 'md'
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Optional test ID for automated testing
     */
    testId?: string;
    /**
     * Optional CSS class name
     */
    className?: string;
}
/**
 * Loading spinner component for indicating loading states
 *
 * ## Business Perspective
 *
 * Provides consistent visual feedback during data loading operations,
 * improving user experience by clearly indicating that the application
 * is working on their request. 🔄
 *
 * ## Technical Perspective
 *
 * Reusable loading indicator component that maintains visual consistency
 * across all widgets and screens. Uses Tailwind CSS for styling with
 * support for different sizes.
 *
 * @example
 * ```tsx
 * // Small spinner
 * <LoadingSpinner size="sm" />
 *
 * // Default medium spinner
 * <LoadingSpinner />
 *
 * // Large spinner with custom test ID
 * <LoadingSpinner size="lg" testId="widget-loader" />
 * ```
 */
export declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;
export default LoadingSpinner;
//# sourceMappingURL=LoadingSpinner.d.ts.map