@julo-ui/sliders/dist/chunk-4T3M3SWL.mjs

A React Slider component that implements input[type='range']

import {
  useSliderContext
} from "./chunk-EJ53FKC3.mjs";

// src/slider/components/slider-marker/SliderMarker.tsx
import { cx, forwardRef, julo } from "@julo-ui/system";
import { jsx } from "react/jsx-runtime";
var SliderMarker = forwardRef((props, ref) => {
  const { className, ...resProps } = props;
  const { getMarkerProps } = useSliderContext(
    "SliderMarker should be within Slider or SliderProvider"
  );
  return /* @__PURE__ */ jsx(
    julo.div,
    {
      className: cx("julo-slider__marker", className),
      ...getMarkerProps(resProps, ref)
    }
  );
});
SliderMarker.displayName = "SliderMarker";
var SliderMarker_default = SliderMarker;

export {
  SliderMarker_default
};