"use client";
const require_Box = require("../../../core/Box/Box.cjs");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/core/src/components/ColorPicker/Thumb/Thumb.tsx
function Thumb({ position, ...others }) {
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
		__vars: {
			"--thumb-y-offset": `${position.y * 100}%`,
			"--thumb-x-offset": `${position.x * 100}%`
		},
		...others
	});
}
Thumb.displayName = "@mantine/core/ColorPickerThumb";
//#endregion
exports.Thumb = Thumb;

//# sourceMappingURL=Thumb.cjs.map