import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import "clsx";
import { Box } from "../../../core/Box/Box.mjs";
const Thumb = forwardRef(({ position, ...others }, ref) => /* @__PURE__ */ jsx(
  Box,
  {
    ref,
    __vars: {
      "--thumb-y-offset": `${position.y * 100}%`,
      "--thumb-x-offset": `${position.x * 100}%`
    },
    ...others
  }
));
Thumb.displayName = "@mantine/core/ColorPickerThumb";
export {
  Thumb
};
