@dndbuilder.com/react
Version:
Drag and drop builder for React
23 lines (22 loc) • 1.22 kB
JavaScript
"use client";
import { jsxs as a, jsx as e } from "react/jsx-runtime";
import i from "react";
import { Root as l, Track as c, Range as n, Thumb as t } from "../../../../../node_modules/.pnpm/@radix-ui_react-slider@1.2.3_@types_react-dom@19.0.4_@types_react@19.0.10__@types_react@19.0._alubev6o4p3wbk2qsc4fwab53e/node_modules/@radix-ui/react-slider/dist/index.js";
import { classNames as f } from "../../../../../utils.js";
const d = i.forwardRef(({ className: o, ...s }, r) => /* @__PURE__ */ a(
l,
{
ref: r,
className: f("relative flex w-full touch-none select-none items-center", o),
...s,
children: [
/* @__PURE__ */ e(c, { className: "relative h-[4px] w-full grow overflow-hidden rounded-full bg-gray-300", children: /* @__PURE__ */ e(n, { className: "absolute h-full bg-black" }) }),
/* @__PURE__ */ e(t, { className: "focus-visible:outline-hidden block h-4 w-4 rounded-full border-2 border-black bg-black ring-offset-black transition-colors focus-visible:ring-2 focus-visible:ring-black focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
]
}
));
d.displayName = l.displayName;
export {
d as RangeSlider
};
//# sourceMappingURL=range-slider.js.map