import type { CSSResultGroup } from 'lit';
import { ShoelaceElement } from '../../internal/shoelace-element';
export declare const skeletonEffects: string[];
/**
 * @summary Skeletons are used to provide a visual representation of where content will eventually be drawn.
 * @documentation https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/indicateurs-de-progression-progress-indicators/squelette-de-chargement-skeleton-loader/web-bhBbHOo7
 *
 * @cssproperty --border-radius - The skeleton's border radius.
 * @cssproperty --color - The color of the skeleton.
 * @cssproperty --sheen-color - The sheen color when the skeleton is in its loading state.
 */
export default class DSASkeleton extends ShoelaceElement {
    static styles: CSSResultGroup;
    /** Determines which effect the skeleton will use. */
    effect: 'pulse' | 'sheen' | 'none';
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'dsa-skeleton': DSASkeleton;
    }
}