type Props = { /** Shape variant. @default 'rect' */ shape?: 'rect' | 'circle' | 'text'; /** Fill with the image-backdrop color, for a media slot standing in for an image or video rather than for loading content. @default false */ placeholder?: boolean; /** For `shape='text'` only — render N stacked text lines (last one naturally shorter to suggest paragraph end). @default 1 */ lines?: number; /** Animate a shimmer sweep instead of a flat static placeholder. @default false */ shimmer?: boolean; }; /** * Skeleton — content placeholder rendered while data is loading. Three shapes: `rect` (default — generic block), `circle` (avatars), `text` (one or more text lines via `lines` — the last line is naturally shorter to suggest a paragraph end). All dimensions are CSS-var driven; sizing is the consumer's concern. * * `placeholder` swaps the fill for the image-backdrop color, so a media slot reads as an empty image / video frame rather than as loading content. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--skeleton--width` | Width (rect / circle / per text-line) | `100%` | * | `--sc-kit--skeleton--height` | Height (rect / circle) | `1em` | * | `--sc-kit--skeleton--text-height` | Per-line height in `shape='text'` | `0.75em` | * | `--sc-kit--skeleton--text-last-width` | Width of the last line in multi-line text | `70%` | * | `--sc-kit--skeleton--text-gap` | Vertical gap between text lines | `--sc-kit--space--2` | * | `--sc-kit--skeleton--base-color` | Placeholder fill / shimmer darker stop | `--sc-kit--color--bg--active`, or `--sc-kit--color--bg--images` with `placeholder` | * | `--sc-kit--skeleton--highlight-color` | Shimmer peak (lighter stop) — `shimmer` only | `--sc-kit--color--bg--hover` | * | `--sc-kit--skeleton--radius` | Corner radius (rect / text) | `--sc-kit--radius--sm` | * | `--sc-kit--skeleton--duration` | Shimmer cycle length — `shimmer` only | `2.2s` | */ declare const Cmp: import("svelte").Component; type Cmp = ReturnType; export default Cmp;