import type { ComponentPropsWithRef, ReactNode } from "react"; export type SkeletonShape = "block" | "circle" | "text"; export type SkeletonProps = Omit, "children"> & { blockSize?: string; inlineSize?: string; /** * Text skeletons render this many bars, the last one short — * because a paragraph placeholder whose every line is full width * reads as a table, not as prose. */ lineCount?: number; shape?: SkeletonShape; }; /** * **Also zero of these fleet-wide.** The counterpart to `Spinner` * and the better answer wherever the shape of the incoming content * is already known: a poster grid that skeletons does not reflow * when the images land, and layout shift is the thing users * actually notice. * * `aria-hidden` is not an optimisation, it is the contract. A * skeleton is decoration standing in for content that does not * exist yet; announcing it means a screen reader reading three * empty bars. **The load has to be announced by the region that * owns it** — a `Spinner`, or an `aria-busy` on the container — and * a skeleton that AT can see is a bug, which is why the story * asserts it cannot be found by role. */ export declare const Skeleton: ({ blockSize, className, inlineSize, lineCount, shape, style, ...divProps }: SkeletonProps) => ReactNode; //# sourceMappingURL=Skeleton.d.ts.map