import React from 'react';
interface DynamicSkeletonProps {
    /**
     * Type of skeleton animation
     */
    animation?: 'pulse' | 'shimmer' | 'wave' | 'static';
    /**
     * Skeleton variant based on content type
     */
    variant?: 'text' | 'avatar' | 'card' | 'button' | 'image' | 'custom';
    /**
     * Size preset for common elements
     */
    size?: 'sm' | 'md' | 'lg' | 'xl';
    /**
     * Custom dimensions
     */
    width?: string | number;
    height?: string | number;
    /**
     * Number of lines for text skeleton
     */
    lines?: number;
    /**
     * Platform-aware styling
     */
    platformAware?: boolean;
    /**
     * Accessibility enhancements
     */
    includeAriaLabel?: boolean;
    /**
     * Custom CSS classes
     */
    className?: string;
    /**
     * Child elements (for container skeletons)
     */
    children?: React.ReactNode;
}
export declare function DynamicSkeleton({ animation, variant, size, width, height, lines, platformAware, includeAriaLabel, className, children }: DynamicSkeletonProps): import("react/jsx-runtime").JSX.Element;
/**
 * Pre-configured skeleton for common UI patterns
 */
export declare const SkeletonPresets: {
    /**
     * Card skeleton with header, content, and actions
     */
    Card: ({ showActions, showImage }: {
        showActions?: boolean;
        showImage?: boolean;
    }) => import("react/jsx-runtime").JSX.Element;
    /**
     * User profile skeleton
     */
    Profile: () => import("react/jsx-runtime").JSX.Element;
    /**
     * Navigation skeleton
     */
    Navigation: ({ items }: {
        items?: number;
    }) => import("react/jsx-runtime").JSX.Element;
    /**
     * Table skeleton
     */
    Table: ({ rows, columns }: {
        rows?: number;
        columns?: number;
    }) => import("react/jsx-runtime").JSX.Element;
    /**
     * Vendor grid skeleton (specific to the app)
     */
    VendorGrid: ({ items }: {
        items?: number;
    }) => import("react/jsx-runtime").JSX.Element;
    /**
     * Blog post skeleton
     */
    BlogPost: () => import("react/jsx-runtime").JSX.Element;
};
/**
 * Platform-aware loading container that shows different skeletons based on platform
 */
export declare function PlatformSkeletonContainer({ children, isLoading, skeletonType, skeletonProps }: {
    children: React.ReactNode;
    isLoading: boolean;
    skeletonType?: keyof typeof SkeletonPresets;
    skeletonProps?: any;
}): import("react/jsx-runtime").JSX.Element;
/**
 * Enhanced skeleton with progressive enhancement
 */
export declare function ProgressiveSkeleton({ stages, currentStage, children, ...props }: DynamicSkeletonProps & {
    stages?: string[];
    currentStage?: number;
}): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=dynamic-skeleton.d.ts.map