/**
 * `<skeleton-ui>` — Placeholder shimmer for loading states. Purely presentational — animated pulse background with configurable shape via CSS sizing. Use as a structural placeholder while data loads; for zero-state messaging after loading completes use <empty-state-ui> instead.
 *
 * @see https://ui-kit.exe.xyz/site/components/skeleton
 *
 * Type declarations generated by scripts/build/dts-codegen.mjs from
 * the component's `.a2ui.json` sidecar(s). Edit the source `.yaml`,
 * run `npm run build:components`, then `npm run codegen:dts` to
 * regenerate; or hand-author this file fully if rich event types are
 * needed beyond what the yaml `events:` block can express.
 */

import { UIElement } from '../../core/element.js';

export class UISkeleton extends UIElement {
  /** Height of the placeholder. */
  height: string;
  /** Border radius */
  radius: 'none' | 'sm' | 'md' | 'lg' | 'full';
  /** When true, suppress the shimmer animation. */
  static: boolean;
  /** Width of the placeholder. */
  width: string;
}
