{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "button-9",
  "type": "registry:component",
  "title": "Button 9",
  "description": "Button 9. An interactive element used to trigger actions, submissions, or navigation.",
  "dependencies": [],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "components/watermelon/button-9.tsx",
      "type": "registry:component",
      "content": "'use client';\n\nimport { Button } from '@/components/base-ui/button';\n\nconst Button9 = () => {\n  return (\n    <Button disabled className=\"inline-flex items-center gap-0.5\">\n      <span>Loading</span>\n\n      <span className=\"flex translate-y-[4px] gap-[2px]\">\n        <span className=\"size-1 animate-bounce rounded-full bg-current [animation-delay:-0.2s]\" />\n        <span className=\"size-1 animate-bounce rounded-full bg-current [animation-delay:-0.1s]\" />\n        <span className=\"size-1 animate-bounce rounded-full bg-current [animation-delay:0s]\" />\n      </span>\n    </Button>\n  );\n};\n\nexport default Button9;\n"
    }
  ]
}