@kloudlite/design-system/mjs/atoms/slider.js

A design system for building ambitious products.

"use client";

// components/atoms/slider.tsx
import SliderPrimitive from "rc-slider";
import { jsx } from "react/jsx-runtime";
var Slider = ({
  value = [],
  step = 1,
  min = 0,
  max = 100,
  disabled = false,
  dots,
  onChange
}) => {
  return /* @__PURE__ */ jsx(
    SliderPrimitive,
    {
      range: Array.isArray(value) ? value.length > 1 : false,
      value,
      className: "range-slider",
      step,
      dots,
      max,
      min,
      disabled,
      onChange
    }
  );
};
var slider_default = Slider;
export {
  slider_default as default
};