"use client";
import { createMediaButton } from "../create-media-button.js";
import { selectPiP } from "@videojs/core/dom";
import { PiPButtonCore, PiPButtonDataAttrs } from "@videojs/core";
//#region src/ui/pip-button/pip-button.tsx
/** A button that toggles picture-in-picture. */
const PiPButton = createMediaButton({
	displayName: "PiPButton",
	core: PiPButtonCore,
	stateAttrMap: PiPButtonDataAttrs,
	selector: selectPiP,
	action: (core, state) => core.toggle(state),
	hotkeyAction: "togglePictureInPicture",
	isSupported: (state) => !state.hidden
});
//#endregion
export { PiPButton };

//# sourceMappingURL=pip-button.js.map