Dual Range Slider Demo

1"use client";
2import React, { useState } from "react";
3// import { DualRangeSlider } from '@/components/ui/dual-range-slider';
4import { DualRangeSlider } from "@/app/registry/spectrumui/dual-range-slider-dependecies";
5 
6const DualRangeSliderDemo = () => {
7  const [values, setValues] = useState([0, 100]);
8 
9  return (
10    <div className="w-full px-10">
11      <DualRangeSlider
12        label={(value) => value}
13        value={values}
14        onValueChange={setValues}
15        min={0}
16        max={100}
17        step={1}
18      />
19    </div>
20  );
21};
22 
23export default DualRangeSliderDemo;