"use client";
import { createMediaButton } from "../create-media-button.js";
import { selectFullscreen } from "@videojs/core/dom";
import { FullscreenButtonCore, FullscreenButtonDataAttrs } from "@videojs/core";
//#region src/ui/fullscreen-button/fullscreen-button.tsx
/** A button that toggles fullscreen. */
const FullscreenButton = createMediaButton({
	displayName: "FullscreenButton",
	core: FullscreenButtonCore,
	stateAttrMap: FullscreenButtonDataAttrs,
	selector: selectFullscreen,
	action: (core, state) => core.toggle(state),
	hotkeyAction: "toggleFullscreen",
	isSupported: (state) => !state.hidden
});
//#endregion
export { FullscreenButton };

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