{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "sonner-7",
  "type": "registry:component",
  "title": "Sonner 7",
  "description": "Sonner 7. An opinionated toast component for React.",
  "dependencies": [
    "sonner"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "components/watermelon/sonner-7.tsx",
      "type": "registry:component",
      "content": "'use client'\n\nimport { toast } from 'sonner'\nimport { Button } from '@/components/base-ui/button'\n\nconst Sonner7 = () => {\n  const promise = () =>\n    new Promise((resolve, reject) =>\n      setTimeout(() => {\n        if (Math.random() < 0.5) {\n          resolve('Sync Complete')\n        } else {\n          reject('Connection Failed')\n        }\n      }, 2000)\n    )\n\n  return (\n    <Button\n      variant='outline'\n      className='rounded-2xl bg-indigo-500/5 text-indigo-600 hover:text-indigo-700 dark:hover:text-indigo-500 border-indigo-500/20 hover:bg-indigo-500/10 hover:border-indigo-500/30 transition-all duration-300 px-6'\n      onClick={() =>\n        toast.promise(promise, {\n          loading: 'Synchronizing project data...',\n          success: (data) => {\n            return `${data}: Your workspace is up to date.`\n          },\n          error: (err) => {\n            return `${err}: Please check your internet connection.`\n          },\n          style: { borderRadius: '16px' },\n          className: 'shadow-2xl shadow-indigo-500/5',\n        })\n      }\n    >\n      Sync Remote Repository\n    </Button>\n  )\n}\n\nexport default Sonner7\n"
    }
  ]
}