import { default as React } from 'react';
export interface SkeletonLoaderProps {
    /** Shape/type of skeleton */
    variant?: 'text' | 'circle' | 'rectangle' | 'avatar' | 'button';
    /** Width of the skeleton */
    width?: string | number;
    /** Height of the skeleton */
    height?: string | number;
    /** Additional className for the skeleton */
    className?: string;
    /** Number of skeleton elements to render */
    count?: number;
    /** Number of lines (for text variant) - alias for count */
    lines?: number;
    /** Enable/disable animation */
    animate?: boolean;
    /** Custom border radius */
    borderRadius?: string;
    /** Theme color scheme */
    theme?: 'light' | 'dark';
    /** Spacing between multiple skeletons (in Tailwind units) */
    spacing?: number;
    /** Gap between lines (for multi-line text) */
    gap?: 'sm' | 'md' | 'lg';
}
/**
 * SkeletonLoader Component
 *
 * A loading placeholder component that displays a pulsing skeleton
 * while content is being fetched. Supports various shapes and sizes
 * for different content types.
 *
 * @example
 * ```tsx
 * // Loading text
 * <SkeletonLoader variant="text" width="200px" />
 * <SkeletonLoader variant="text" count={3} />
 *
 * // Loading avatar
 * <SkeletonLoader variant="circle" width="40px" height="40px" />
 *
 * // Loading button
 * <SkeletonLoader variant="button" width="120px" />
 * ```
 */
export declare const SkeletonLoader: React.FC<SkeletonLoaderProps>;
//# sourceMappingURL=skeleton-loader.d.ts.map