import * as _angular_core from '@angular/core';

/**
 * Placeholder block shown while content is loading.
 *
 * Default sizing fills the parent width and matches the surrounding
 * text height (`1lh`). Override `--wr-skeleton-height` / `width` on the
 * host for custom shapes.
 *
 * @example
 * ```html
 * <wr-skeleton />
 * <wr-skeleton color="primary" [animated]="false" />
 * ```
 *
 * @see https://ngwr.dev/components/skeleton
 */
declare class WrSkeleton {
    /**
     * Color tint for the placeholder.
     *
     * Default is `'light'` because it's theme-stable — the `light` token is
     * slate-300 in light mode (subtle gray on white) and slate-800 in dark
     * mode (subtle lift on near-black). The `'dark'` value flips to a near-
     * white wash in dark mode and breaks the placeholder affordance.
     *
     * @default 'light'
     */
    readonly color: _angular_core.InputSignal<"primary" | "secondary" | "success" | "warning" | "danger" | "light" | "medium" | "dark">;
    /**
     * Whether the shimmer animation runs.
     *
     * @default true
     */
    readonly animated: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSkeleton, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSkeleton, "wr-skeleton", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrSkeleton };