{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "alert",
  "type": "registry:ui",
  "title": "Alert",
  "description": "Displays alert messages with different types (info, success, error) and appropriate icons",
  "dependencies": [
    "react"
  ],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/react/ui/alert.tsx",
      "content": "import React from \"react\";\n\nexport type AlertType = \"info\" | \"success\" | \"error\";\n\ninterface AlertProps {\n  type: AlertType;\n  message: string;\n}\n\nexport const Alert: React.FC<AlertProps> = ({ type, message }) => {\n  const getAlertType = (type: AlertType) => {\n    switch (type) {\n      case \"info\":\n        return \"skin-attention\";\n      case \"success\":\n        return \"skin-success\";\n      case \"error\":\n        return \"skin-error\";\n      default:\n        return \"skin-error\";\n    }\n  };\n  return (\n    <div className={`alert ${getAlertType(type)}`}>\n      {type === \"success\" && (\n        <div>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 256 256\"\n            className=\"h-6 w-6\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\" />\n          </svg>\n        </div>\n      )}\n      {type === \"info\" && (\n        <div>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            fill=\"currentColor\"\n            viewBox=\"0 0 256 256\"\n            className=\"h-6 w-6\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z\" />\n          </svg>\n        </div>\n      )}\n      {type === \"error\" && (\n        <div>\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 256 256\"\n            fill=\"currentColor\"\n            className=\"h-6 w-6\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z\" />\n          </svg>\n        </div>\n      )}\n      <p className=\"flex items-center text-left\" aria-live=\"polite\">\n        {message}\n      </p>\n    </div>\n  );\n};\n\nexport default Alert;\n",
      "type": "registry:ui",
      "target": "react/ui/alert.tsx"
    }
  ]
}