export declare const selectors: {
    readonly root: "audioPlayer";
    readonly controls: "controls";
    readonly playButton: "playButton";
    readonly playIcon: "playIcon";
    readonly progressBar: "progressBar";
    readonly progressTrack: "progressTrack";
    readonly progressFill: "progressFill";
    readonly volumeControls: "volumeControls";
    readonly muteButton: "muteButton";
    readonly volumeSlider: "volumeSlider";
    readonly volumeTrack: "volumeTrack";
    readonly timeDisplay: "timeDisplay";
    readonly audioTitle: "audioTitle";
    readonly title: "title";
    readonly artistName: "artistName";
    readonly coverMedia: "coverMedia";
};
export declare const dataDefaults: {
    readonly loop: false;
    readonly volume: 100;
};
export declare const borderDefaultValue: "0px none rgba(0, 0, 0, 1)";
export declare const ARIA_LABELS: {
    readonly playButton: "Play";
    readonly pauseButton: "Pause";
    readonly muteButton: "Mute";
    readonly unmuteButton: "Unmute";
    readonly progressBar: "Seek";
    readonly volumeSlider: "Volume";
    readonly volumeControls: "Volume controls";
};
export declare const SEEK_STEP_SECONDS = 5;
export declare const VOLUME_STEP_PERCENT = 5;
export declare const DesignStates: {
    readonly controls: {
        readonly hover: {
            readonly displayName: "Hover";
            readonly className: "audio-player__controls--hover";
        };
    };
};
export declare const DisplayNames: {
    root: {
        displayName: string;
        cssProperties: {
            color: string;
        };
        cssCustomProperties: {
            'content-horizontal-alignment': string;
            'vertical-spacing': string;
            'audio-title-gap': string;
        };
    };
    controls: {
        displayName: string;
        cssCustomProperties: {
            'progress-fill-color': string;
            'volume-control-color': string;
            'time-display-color': string;
            'play-icon-color': string;
            'play-icon-size': string;
        };
        displayGroups: {
            fillColors: string;
            icon: string;
        };
    };
    elements: {
        coverMedia: string;
        audioTitle: string;
        artistName: string;
        progressBar: string;
        timeDisplay: string;
        volumeControls: string;
    };
    data: {
        coverImage: string;
        displayMode: string;
        loop: string;
        volume: string;
        ariaLabel: string;
    };
    displayGroups: {
        playbackOptions: string;
    };
};