import React from 'react';
import type { ComponentPropsWithoutRef } from 'react';
export type SkeletonVariant = 'text' | 'rectangular' | 'circular';
export interface SkeletonProps extends ComponentPropsWithoutRef<'div'> {
    /**
     * The shape variant of the skeleton
     * @default 'rectangular'
     */
    variant?: SkeletonVariant;
    /**
     * Width of the skeleton. Can be a number (px) or CSS string
     */
    width?: number | string;
    /**
     * Height of the skeleton. Can be a number (px) or CSS string
     */
    height?: number | string;
    /**
     * Whether to animate the skeleton
     * @default true
     */
    animation?: boolean;
    /**
     * Optional test ID for testing purposes
     */
    'data-testid'?: string;
}
/**
 * Skeleton component for loading states
 *
 * @example
 * ```tsx
 * // Text skeleton
 * <Skeleton variant="text" width="80%" />
 *
 * // Rectangular skeleton (default)
 * <Skeleton width={200} height={100} />
 *
 * // Circular skeleton (avatar)
 * <Skeleton variant="circular" width={40} height={40} />
 *
 * // Without animation
 * <Skeleton animation={false} />
 * ```
 */
export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=Skeleton.d.ts.map