"use client";
import { createMediaButton } from "../create-media-button.js";
import { selectPlaybackRate } from "@videojs/core/dom";
import { PlaybackRateButtonCore, PlaybackRateButtonDataAttrs } from "@videojs/core";
//#region src/ui/playback-rate-button/playback-rate-button.tsx
/**
* A button that cycles through playback rates.
*
* @example
* ```tsx
* <PlaybackRateButton />
*
* <PlaybackRateButton
*   render={(props, state) => (
*     <button {...props}>
*       {state.rate}&times;
*     </button>
*   )}
* />
* ```
*/
const PlaybackRateButton = createMediaButton({
	displayName: "PlaybackRateButton",
	core: PlaybackRateButtonCore,
	stateAttrMap: PlaybackRateButtonDataAttrs,
	selector: selectPlaybackRate,
	action: (core, state) => core.cycle(state),
	hotkeyAction: "speedUp"
});
//#endregion
export { PlaybackRateButton };

//# sourceMappingURL=playback-rate-button.js.map