{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feedback",
  "type": "registry:ui",
  "title": "Feedback Dialog",
  "description": "A responsive feedback form dialog with textarea input - drawer on mobile, modal on desktop.",
  "registryDependencies": [
    "button",
    "textarea",
    "https://revola.sameerjs.com/r/revola.json"
  ],
  "files": [
    {
      "path": "registry/revola/examples/origin-ui/forms/feedback/feedback.tsx",
      "content": "\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from \"@/components/ui/revola\";\nimport { Textarea } from \"@/components/ui/textarea\";\n\nexport default function FeedbackDialog() {\n  return (\n    <ResponsiveDialog>\n      <ResponsiveDialogTrigger asChild>\n        <Button variant=\"outline\" className=\"h-12 rounded-full px-6 capitalize\">\n          Send Feedback\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"sm:max-w-sm\">\n        <div className=\"space-y-4 overflow-y-auto p-6 pt-2 sm:p-6\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Send us feedback</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription className=\"text-balance\">\n              Watch{\" \"}\n              <a className=\"text-foreground underline-offset-2 hover:underline\" href=\"#\">\n                tutorials\n              </a>\n              , read Revola&lsquo;s{\" \"}\n              <a className=\"text-foreground underline-offset-2 hover:underline\" href=\"#\">\n                documentation\n              </a>\n              , or join our{\" \"}\n              <a className=\"text-foreground underline-offset-2 hover:underline\" href=\"#\">\n                Discord\n              </a>{\" \"}\n              for community help.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n          <form className=\"space-y-5\" onSubmit={(e) => e.preventDefault()}>\n            <Textarea\n              rows={3}\n              id=\"feedback\"\n              className=\"resize-none\"\n              placeholder=\"How can we improve Revola?\"\n              aria-label=\"Send feedback\"\n            />\n            <div className=\"flex flex-col sm:flex-row sm:justify-end\">\n              <Button type=\"button\">Send feedback</Button>\n            </div>\n          </form>\n        </div>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n",
      "type": "registry:ui"
    }
  ]
}