"use client";
import { Box } from "../../../core/Box/Box.mjs";
import { jsx } from "react/jsx-runtime";
//#region packages/@mantine/core/src/components/ColorPicker/Thumb/Thumb.tsx
function Thumb({ position, ...others }) {
	return /* @__PURE__ */ jsx(Box, {
		__vars: {
			"--thumb-y-offset": `${position.y * 100}%`,
			"--thumb-x-offset": `${position.x * 100}%`
		},
		...others
	});
}
Thumb.displayName = "@mantine/core/ColorPickerThumb";
//#endregion
export { Thumb };

//# sourceMappingURL=Thumb.mjs.map