import type { IconSize } from '../Icon/Icon';
import type { TextVariant } from '../Text/text-types';
import type { ControlSize } from '../../utils/control-text';
export type SkeletonVariant = 'text' | 'icon' | 'control';
export type SkeletonBackground = 'faint' | 'medium' | 'bold' | 'strong' | 'translucent' | 'inverted' | 'media' | 'navigation' | 'always-dark';
export declare class Skeleton {
    variant: SkeletonVariant;
    /** Text metric recipe whose line-height defines the text canvas. */
    textVariant: TextVariant;
    /** Iconography token whose square canvas defines the icon canvas. */
    iconSize: IconSize;
    /** Shared control-density size whose height defines the control canvas. */
    controlSize: ControlSize;
    /** Width of text and control skeleton canvases. Numbers resolve to px. Ignored for icons. */
    width: string | number | undefined;
    /** Round icon skeletons into circles and control skeletons into pills. Ignored for text. */
    rounded: boolean;
    /** Whether to show the shimmer animation. */
    shimmer: boolean;
    /** Actual parent surface context. Omit on primary and secondary surfaces. */
    background: SkeletonBackground | undefined;
    private get widthCss();
    render(): any;
}
//# sourceMappingURL=Skeleton.d.ts.map