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

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

import { useVideo as e } from "../../hooks/useVideo.js";
import { Range as t } from "../Range/Range.js";
import n from "./VolumeControl.module.js";
import "react";
import { jsx as r } from "react/jsx-runtime";
//#region src/VideoPlayer/components/VolumeControl/VolumeControl.tsx
var i = ({ name: i = "Volume", ...a }) => {
	let { volume: o, setVolume: s } = e();
	return /* @__PURE__ */ r(t, {
		className: n.VolumeControl,
		type: "range",
		min: "0",
		max: 1,
		step: .001,
		onInput: (e) => s(e.currentTarget.valueAsNumber),
		value: o,
		a11yStep: .1,
		name: i,
		...a
	});
};
//#endregion
export { i as VolumeControl };

//# sourceMappingURL=VolumeControl.js.map