import { type HTMLAttributes } from 'react';
export type SkeletonProps = {
    /**
     * The width of the component
     */
    width?: string | number;
    /**
     * The height of the component
     */
    height?: string | number;
    /**
     * The shape variant
     * @default 'rectangle'
     */
    variant?: 'rectangle' | 'circle' | 'text';
    /**
     * Change the default rendered element for the one passed as a child, merging their props and behavior.
     * @default false
     */
    asChild?: boolean;
    /** @deprecated This prop has no effect. Use `width` or supply text as children instead */
    characters?: number;
} & HTMLAttributes<HTMLSpanElement>;
/**
 * Skeleton is used to represent a draft of page while the content loads.
 *
 * @example
 * <Skeleton variant="circle" />
 * <Skeleton variant="text" />
 * <Skeleton variant="rectangle" />
 */
export declare const Skeleton: import("react").ForwardRefExoticComponent<{
    /**
     * The width of the component
     */
    width?: string | number;
    /**
     * The height of the component
     */
    height?: string | number;
    /**
     * The shape variant
     * @default 'rectangle'
     */
    variant?: "rectangle" | "circle" | "text";
    /**
     * Change the default rendered element for the one passed as a child, merging their props and behavior.
     * @default false
     */
    asChild?: boolean;
    /** @deprecated This prop has no effect. Use `width` or supply text as children instead */
    characters?: number;
} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
//# sourceMappingURL=skeleton.d.ts.map