{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "motion-number-slider",
  "dependencies": [],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "./registry/components/motion-number/motion-number-slider.tsx",
      "content": "'use client';\nimport { DualRangeSlider } from '@/components/ui/slider';\nimport React, { useState } from 'react';\n\nexport default function MotionNumberSlider() {\n  const [widthPercentage, setWidthPercentage] = useState(70);\n  return (\n    <>\n      <div className='w-3/5 mx-auto px-10 gap-10 py-16'>\n        <div>\n          <h1>Width</h1>\n          <DualRangeSlider\n            label\n            lableContenPos={'left'}\n            value={[widthPercentage]}\n            onValueChange={([widthPercentage]) =>\n              widthPercentage != null && setWidthPercentage(widthPercentage)\n            }\n            min={0}\n            max={100}\n            step={1}\n          />\n        </div>\n      </div>\n    </>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}