import { MediaRemoteControl } from '../../media';
import { ToggleButtonElement } from '../toggle-button';
export declare const PLAY_BUTTON_ELEMENT_TAG_NAME = "vds-play-button";
/**
 * A button for toggling the playback state (play/pause) of the current media.
 *
 * 💡 The following attributes are updated for your styling needs:
 *
 * - `media-can-play`: Applied when media can begin playback.
 * - `media-paused`: Applied when media playback has paused.
 * - `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-play-button
 * @slot - Used to pass content into the play toggle for showing play/pause states.
 * @csspart button - The button element (`<button>`).
 * @example
 * ```html
 * <vds-play-button>
 *   <div class="play">Play</div>
 *   <div class="pause">Pause</div>
 * </vds-play-button>
 * ```
 * @example
 * ```css
 * vds-play-button:not([media-paused]) .play {
 *   display: none;
 * }
 *
 * vds-play-button[media-paused] .pause {
 *   display: none;
 * }
 * ```
 */
export declare class PlayButtonElement extends ToggleButtonElement {
    protected readonly _mediaRemote: MediaRemoteControl;
    label: string;
    pressed: boolean;
    protected _handleButtonClick(event: Event): void;
    protected _handleCanPlayContextUpdate(canPlay: boolean): void;
    protected _handleWaitingContextUpdate(waiting: boolean): void;
    protected _handlePausedContextUpdate(paused: boolean): void;
    protected _handleEndedContextUpdate(ended: boolean): void;
}