import type { HTMLAttributes } from "react";
/**
 * Skeleton — placeholder block shown while content is loading.
 *
 * Uses --muted as base + a subtle shimmer that respects the violet theme.
 * Compose multiple Skeletons to mirror your component layout while loading.
 *
 * Accessibility (LOW-004): the default `role="status"` + `aria-live="polite"`
 * announces "Loading" to screen readers. In loops or grids where many
 * Skeletons mount simultaneously, this can be noisy. Override per-instance
 * with `aria-live="off"` and/or `aria-hidden` when only one container-level
 * loading announcement is desired:
 *
 *   <div role="status" aria-live="polite" aria-label="Loading deployments">
 *     {placeholders.map(id => (
 *       <Skeleton key={id} aria-live="off" aria-hidden="true" className="h-8" />
 *     ))}
 *   </div>
 */
declare const Skeleton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
export { Skeleton };