import { BaseComponent } from '../../../base-component';
import * as i0 from "@angular/core";
/**
 * Internal component to be used by the `*nxLoadingSkeleton` directive to render a loading skeleton.
 *
 * The animation duration and delay are set to 2s and 500ms respectively but can be overridden by
 * updating the static properties `syncAnimationDuration` and `syncAnimationDelay`.
 *
 * The animations are synchronized across all instances of this component using the `sync$` observable
 * observable which handles animation start and end based on the `syncAnimationDuration` and
 * `syncAnimationDelay` configuration.
 */
export declare class LoadingSkeletonComponent extends BaseComponent {
    /**
     * The configurable duration of the sync animation in milliseconds.
     */
    static syncAnimationDuration: number;
    /**
     * The configurable delay between sync animations in milliseconds.
     */
    static syncAnimationDelay: number;
    /**
     * An observable used to add and remove the sync-animation class to keep synced.
     *
     * This is used to ensure that classes are added and removed at the correct time.
     */
    private static readonly sync$;
    /**
     * Used to bind the sync-animation class to the host element.
     */
    protected readonly syncAnimation: import("@angular/core").Signal<boolean | undefined>;
    /**
     * Used to bind the sync-animation-duration CSS variable to the host element.
     */
    protected get syncAnimationDuration(): string;
    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingSkeletonComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingSkeletonComponent, "ng-component", never, {}, {}, never, never, true, never>;
}
