import { default as React } from 'react';
export interface DataSkeletonProps {
    /** Type of skeleton */
    variant?: 'chart' | 'table' | 'card' | 'list' | 'stat';
    /** Height of the skeleton */
    height?: string | number;
    /** Width of the skeleton */
    width?: string | number;
    /** Number of items for list/table variants */
    count?: number;
    /** Number of columns for table variant */
    columns?: number;
    /** Whether to animate the skeleton */
    animate?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * DataSkeleton Component
 *
 * Skeleton loading placeholders for various data visualization types.
 * Use as Suspense fallback for lazy-loaded charts and data components.
 *
 * @example
 * ```tsx
 * // Chart skeleton
 * <Suspense fallback={<DataSkeleton variant="chart" height={300} />}>
 *   <LazyChart data={data} />
 * </Suspense>
 * ```
 *
 * @example
 * ```tsx
 * // Table skeleton
 * <DataSkeleton variant="table" count={5} columns={4} />
 * ```
 *
 * @example
 * ```tsx
 * // Stats cards
 * <div className="grid grid-cols-4 gap-4">
 *   <DataSkeleton variant="stat" />
 *   <DataSkeleton variant="stat" />
 *   <DataSkeleton variant="stat" />
 *   <DataSkeleton variant="stat" />
 * </div>
 * ```
 */
export declare const DataSkeleton: React.FC<DataSkeletonProps>;
export default DataSkeleton;
//# sourceMappingURL=data-skeleton.d.ts.map