import { LitElement } from 'lit';
/**
 * Skeletons are used to provide a low fidelity representation of content
 * before it appears in a view. This improves the perceived loading time
 * for our users.
 *
 * @status ready
 * @category feedback
 *
 * @cssprop [--n-skeleton-border-radius=var(--n-border-radius)] - Controls how rounded the corners are, using [border radius tokens](/tokens/#border-radius).
 * @cssprop [--n-skeleton-color=var(--n-color-border)] - Controls the main color of the skeleton, using our [color tokens](/tokens/#color).
 * @cssprop [--n-skeleton-sheen-color=var(--n-color-border-strong)] - Controls the sheen color of the skeleton, using our [color tokens](/tokens/#color).
 */
export default class Skeleton extends LitElement {
    static styles: import("lit").CSSResult[];
    /**
     * Determines which animation effect the skeleton will use.
     * The default is no animation.
     */
    effect?: 'pulse' | 'sheen';
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'nord-skeleton': Skeleton;
    }
}