{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "spinner-toggle",
  "title": "Spinner Toggle",
  "description": "component for the Spinner Toggle",
  "registryDependencies": [
    "@spectrumui/spinner-dependencies"
  ],
  "files": [
    {
      "path": "app/registry/spinner/usage/spinner-toggle.tsx",
      "content": "\"use client\";\nimport React, { useState } from \"react\";\nimport { Spinner } from \"@/components/ui/spinner\";\nimport { Button } from \"@/components/ui/button\";\n\nconst SpinnerToggle = () => {\n  const [show, setShow] = useState(false);\n\n  return (\n    <div className=\"flex items-center gap-5\">\n      <Button onClick={() => setShow((pre) => !pre)}>toggle spinner</Button>\n      <Spinner show={show} />\n    </div>\n  );\n};\n\nexport default SpinnerToggle;\n",
      "type": "registry:component",
      "target": "components/spectrumui/spinner-toggle.tsx"
    }
  ],
  "type": "registry:component"
}