import { PropertyValues } from 'lit';
import { MediaRemoteControl } from '../../media';
import { SliderElement, SliderValueChangeEvent } from '../slider';
export declare const VOLUME_SLIDER_ELEMENT_TAG_NAME = "vds-volume-slider";
/**
 * A slider control that lets the user specify their desired volume level.
 *
 * 💡 The following attributes are updated for your styling needs:
 *
 * - `media-can-play`: Applied when media can begin playback.
 *
 * @tagname vds-volume-slider
 *  @example
 * ```html
 * <vds-volume-slider
 *   label="Media volume slider"
 * ></vds-volume-slider>
 * ```
 * @example
 * ```css
 * vds-volume-slider {
 *   --vds-slider-track-height: 2.5px;
 *   --vds-slider-thumb-width: 16px;
 *   --vds-slider-thumb-height: 16px;
 *   --vds-slider-active-color: #ff2a5d;
 * }
 * ```
 */
export declare class VolumeSliderElement extends SliderElement {
    label: string;
    step: number;
    keyboardStep: number;
    shiftKeyMultiplier: number;
    /** @internal */
    min: number;
    /** @internal */
    max: number;
    protected _mediaVolume: number;
    /**
     * Represents the current volume out of 100.
     *
     * @internal
     */
    value: number;
    /**
     * The current media volume level (between 0 - 1).
     */
    get volume(): number;
    protected update(changedProperties: PropertyValues): void;
    protected _handleCanPlayContextUpdate(canPlay: boolean): void;
    protected readonly _mediaRemote: MediaRemoteControl;
    protected _handleSliderValueChange(event: SliderValueChangeEvent): void;
}