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

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

import { PlayIcon as e } from "../PlayIcon/PlayIcon.js";
import { useVideo as t } from "../../hooks/useVideo.js";
import { IconControl as n } from "../IconControl/IconControl.js";
import { PauseIcon as r } from "../PauseIcon/PauseIcon.js";
import "react";
import { jsx as i } from "react/jsx-runtime";
//#region src/VideoPlayer/components/PlayPauseButton/PlayPauseButton.tsx
var a = (a) => {
	let { isPlaying: o, togglePlaying: s } = t();
	return /* @__PURE__ */ i(n, {
		onClick: s,
		tooltip: o ? "Pause video" : "Play video",
		...a,
		children: i(o ? r : e, {})
	});
};
//#endregion
export { a as PlayPauseButton };

//# sourceMappingURL=PlayPauseButton.js.map