{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dual-range-slider-demo",
  "title": "Dual Range Slider Demo",
  "description": "component for the Dual Range Slider Demo",
  "registryDependencies": [
    "@spectrumui/dual-range-slider-dependecies"
  ],
  "files": [
    {
      "path": "app/registry/dual-range-slider/dual-range-slider-demo.tsx",
      "content": "\"use client\";\nimport React, { useState } from \"react\";\n// import { DualRangeSlider } from '@/components/ui/dual-range-slider';\nimport { DualRangeSlider } from \"@/app/registry/spectrumui/dual-range-slider-dependecies\";\n\nconst DualRangeSliderDemo = () => {\n  const [values, setValues] = useState([0, 100]);\n\n  return (\n    <div className=\"w-full px-10\">\n      <DualRangeSlider\n        label={(value) => value}\n        value={values}\n        onValueChange={setValues}\n        min={0}\n        max={100}\n        step={1}\n      />\n    </div>\n  );\n};\n\nexport default DualRangeSliderDemo;\n",
      "type": "registry:component",
      "target": "components/spectrumui/dual-range-slider-demo.tsx"
    }
  ],
  "type": "registry:component"
}