import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
import { ElementLogger } from '../../base/logger';
export declare const BUFFERING_INDICATOR_ELEMENT_TAG_NAME = "vds-buffering-indicator";
/**
 * Display an indicator when either the provider/media is booting or media playback has
 * stopped because of a lack of temporary data.
 *
 * 💡 The following attributes are updated for your styling needs:
 *
 * - `media-can-play`: Applied when media can begin playback.
 * - `media-waiting`: Applied when playback has stopped because of a lack of temporary data.
 * - `media-ended`: Applied when playback has reached the end.
 *
 * @tagname vds-buffering-indicator
 * @slot Used to pass in the content to be displayed while buffering.
 * @example
 * ```html
 * <vds-buffering-indicator>
 *   <!-- ... -->
 * </vds-buffering-indicator>
 * ```
 * @example
 * ```css
 * vds-buffering-indicator {
 *   opacity: 0;
 *   transition: opacity 0.3s ease-out;
 *   transition-delay: 500ms;
 * }
 *
 * vds-buffering-indicator[media-waiting],
 * vds-buffering-indicator:not([media-can-play]) {
 *   opacity: 1;
 * }
 * ```
 */
export declare class BufferingIndicatorElement extends LitElement {
    static get styles(): CSSResultGroup;
    protected render(): TemplateResult;
    protected readonly _logger: ElementLogger;
    protected _handleCanPlayContextUpdate(canPlay: boolean): void;
    protected _handleWaitingContextUpdate(waiting: boolean): void;
    protected _handleEndedContextUpdate(ended: boolean): void;
}