{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert-with-action-button",
  "type": "registry:component",
  "title": "Alert",
  "author": "Toby Belhome",
  "description": "Displays a callout for user attention.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "alert",
    "button"
  ],
  "files": [
    {
      "path": "examples/components/alert/with-action-button/page.tsx",
      "content": "import { CheckCircle2Icon } from \"lucide-react\";\nimport { Alert, AlertTitle } from \"@/components/ui/alert\";\nimport { Button } from \"@/components/ui/button\";\n\nexport default function AlertWithActionButton() {\n  return (\n    <Alert className=\"flex items-center justify-between\">\n      <div className=\"flex gap-3\">\n        <CheckCircle2Icon className=\"mt-0.5 size-4\" />\n        <AlertTitle>Success! Your changes have been saved</AlertTitle>\n      </div>\n      <Button variant=\"outline\" size=\"sm\">\n        Go it!\n      </Button>\n    </Alert>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/alert-with-action-button.tsx"
    }
  ],
  "meta": {
    "isPro": false
  }
}