@primer/react-brand/esm/VideoPlayer/components/FullScreenButton/FullScreenButton.js

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import { ScreenFullIcon as e, ScreenNormalIcon as t } from "../../../node_modules/@primer/octicons-react/dist/index.esm.js";
import { useVideo as n } from "../../hooks/useVideo.js";
import { IconControl as r } from "../IconControl/IconControl.js";
import "react";
import { jsx as i } from "react/jsx-runtime";
//#region src/VideoPlayer/components/FullScreenButton/FullScreenButton.tsx
var a = (a) => {
	let { isFullScreen: o, toggleFullScreen: s } = n();
	return /* @__PURE__ */ i(r, {
		onClick: s,
		tooltip: o ? "Exit full screen" : "Full screen",
		...a,
		children: i(o ? t : e, { size: 24 })
	});
};
//#endregion
export { a as FullScreenButton };

//# sourceMappingURL=FullScreenButton.js.map