import { default as React } from 'react';
export interface SkeletonTextProps {
    /** Number of lines to render */
    lines?: number;
    /** Width of the last line (as percentage or px) */
    lastLineWidth?: string | number;
    /** Height of each line */
    lineHeight?: number;
    /** Gap between lines */
    gap?: number;
    /** Custom className */
    className?: string;
}
/**
 * SkeletonText - Placeholder for text content
 *
 * @example
 * ```tsx
 * <SkeletonText lines={3} lastLineWidth="60%" />
 * ```
 */
export declare const SkeletonText: React.NamedExoticComponent<SkeletonTextProps>;
export interface SkeletonBoxProps {
    /** Width of the box */
    width?: string | number;
    /** Height of the box */
    height?: string | number;
    /** Border radius */
    borderRadius?: number;
    /** Custom className */
    className?: string;
}
/**
 * SkeletonBox - Generic rectangular placeholder
 *
 * @example
 * ```tsx
 * <SkeletonBox width={200} height={100} />
 * ```
 */
export declare const SkeletonBox: React.NamedExoticComponent<SkeletonBoxProps>;
export interface SkeletonCircleProps {
    /** Diameter of the circle */
    size?: number;
    /** Custom className */
    className?: string;
}
/**
 * SkeletonCircle - Circular placeholder (avatars, icons)
 *
 * @example
 * ```tsx
 * <SkeletonCircle size={48} />
 * ```
 */
export declare const SkeletonCircle: React.NamedExoticComponent<SkeletonCircleProps>;
export interface SkeletonCardProps {
    /** Card height */
    height?: number;
    /** Show header placeholder */
    showHeader?: boolean;
    /** Show content lines */
    showContent?: boolean;
    /** Number of content lines */
    contentLines?: number;
    /** Custom className */
    className?: string;
}
/**
 * SkeletonCard - Card-shaped placeholder matching component cards
 *
 * @example
 * ```tsx
 * <SkeletonCard showHeader showContent contentLines={4} />
 * ```
 */
export declare const SkeletonCard: React.NamedExoticComponent<SkeletonCardProps>;
export interface SkeletonChartProps {
    /** Chart height */
    height?: number;
    /** Chart type visualization */
    type?: "line" | "bar" | "area";
    /** Custom className */
    className?: string;
}
/**
 * SkeletonChart - Chart placeholder with visualization hint
 *
 * @example
 * ```tsx
 * <SkeletonChart height={200} type="line" />
 * ```
 */
export declare const SkeletonChart: React.NamedExoticComponent<SkeletonChartProps>;
export interface Skeleton3DProps {
    /** Container height */
    height?: number;
    /** Custom className */
    className?: string;
}
/**
 * Skeleton3D - 3D viewer placeholder with sphere hint
 *
 * @example
 * ```tsx
 * <Skeleton3D height={400} />
 * ```
 */
export declare const Skeleton3D: React.NamedExoticComponent<Skeleton3DProps>;