import { type CSSProperties } from 'react';
import type { AriaLabelingProps } from '../../core/types/a11y-props.js';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import type { DataTestId } from '../../core/types/data-props.js';
import type { StylingProps } from '../../core/types/styling-props.js';
import type { WithChildren } from '../../core/types/with-children.js';
/**
 * Accepted properties for Skeleton
 * @public
 */
export interface SkeletonProps extends WithChildren, StylingProps, DataTestId, AriaLabelingProps, BehaviorTrackingProps {
    /**
     * Defines the shape of the Skeleton.
     * @defaultValue 'default'
     */
    variant?: 'default' | 'rounded';
    /**
     * Width of the Skeleton placeholder.
     * @defaultValue 100%
     */
    width?: CSSProperties['width'];
    /**
     * Height of the Skeleton placeholder.
     * @defaultValue 100%
     */
    height?: CSSProperties['height'];
}
/**
 * The `Skeleton` component renders a colored block with an animated background, indicating that something is loading.
 * @public
 */
export declare const Skeleton: (props: SkeletonProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;