import { JSX, ReactNode } from 'react';
export interface SkeletonProps {
    /**
     * This prevents Skeleton to appear immediately.
     * It can be used when loading times are too short and you don't want flashing of content
     */
    delayMs?: number;
    /**
     * Manly <SkeletonItem /> components should be used as children.
     * But you might want to also pass a grid or something else that has <SkeletonItem /> as children
     */
    children: ReactNode;
}
declare function Skeleton({ children, delayMs, ...rest }: SkeletonProps): JSX.Element;
declare namespace Skeleton {
    var displayName: string;
}
export interface SkeletonItemProps {
    /**
     * CSS classes
     */
    className?: string;
    /**
     * Can be `box` (default) to render a rectangular shape or `circle`
     */
    type?: "box" | "circle";
    /**
     * CSS dimension for width. It can be number if expressed in pixels or string.
     * Example: `16`, `1rem` or '100%'.
     * If no className is provided, the default value is `100%`.
     */
    width?: string | number;
    /**
     * CSS dimension for height. It can be number if expressed in pixels or string.
     * Example: `16`, `1rem` or '100%'.
     * If no className is provided, the default value is `1em`.
     */
    height?: string | number;
}
export declare function SkeletonItem({ className, type, width, height, ...rest }: SkeletonItemProps): JSX.Element;
export { Skeleton };