import * as React from 'react';
export type SkeletonRounded = 'sm' | 'md' | 'lg';
export interface SkeletonProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'width' | 'height'> {
    /** Optional icon centered inside the placeholder. Expects a 24×24 SVG (`size="xl"`). */
    icon?: React.ReactNode;
    /**
     * Corner radius. Ignored when `shape` is `circular`.
     * @default 'sm'
     */
    rounded?: SkeletonRounded;
    /**
     * `circular` is perfectly round and uses `width` as its diameter.
     * @default 'rectangular'
     */
    shape?: 'circular' | 'rectangular';
    /** Width in pixels. Defaults to filling the container. */
    width?: number;
    /** Height in pixels. Ignored when circular. Defaults to filling the container. */
    height?: number;
}
/**
 * Loading placeholder.
 *
 * Always `aria-hidden`: a screen reader should hear the loading state announced
 * once by the region that owns it, not a shape per placeholder.
 *
 * The shimmer is an `::after` sweep painted with `--gradients-skeleton-loader`
 * and driven by `--animate-skeleton-shimmer`. Both are tokens, so the effect is
 * themeable and there is no animation defined inside the component.
 *
 * @example <Skeleton height={16} />
 * @example <Skeleton shape="circular" width={40} />
 */
export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=skeleton.d.ts.map