import "./skeleton.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
export interface SkeletonProps extends StyleProps {
    /** Width — px or any CSS length ("100%", "60%"). Default "100%". */
    width?: number | string;
    /** Height in px. Default 16. */
    height?: number;
    /** Corner radius in px. Default 6. */
    radius?: number;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * A loading placeholder — a softly pulsing tile that stands in for content not
 * yet loaded. The point is **zero layout shift**: reserve the SAME footprint as
 * the element it replaces, so nothing jumps when the data arrives. Compose
 * several (with the loaded layout's widths and heights) to mirror a row or a
 * card, and render them in the load slot instead of a spinner that collapses
 * the surface.
 *
 * Decorative — out of the accessibility tree; the region around it is what
 * carries a "loading" affordance where one is needed.
 */
export declare function Skeleton({ width, height, radius, testID, render, ref, ...props }: SkeletonProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;