@primer/react-brand
Version:
Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.
19 lines (18 loc) • 634 B
JavaScript
import { MuteIcon as e, UnmuteIcon 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/MuteButton/MuteButton.tsx
var a = (a) => {
let { isMuted: o, toggleMute: s } = n();
return /* @__PURE__ */ i(r, {
tooltip: o ? "Unmute" : "Mute",
onClick: s,
...a,
children: i(o ? e : t, { size: 24 })
});
};
//#endregion
export { a as MuteButton };
//# sourceMappingURL=MuteButton.js.map