bigblocks/dist-registry/components/ui-components-warningcard.json

Complete Bitcoin UI component library - authentication, social, wallet, market, inscriptions, and blockchain interactions for React

{
  "name": "ui-components-warningcard",
  "type": "registry:component",
  "dependencies": [
    "@radix-ui/react-icons"
  ],
  "devDependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "components/ui-components/WarningCard.tsx",
      "type": "registry:component",
      "content": "\"use client\";\n\nimport { InfoCircledIcon } from \"@radix-ui/react-icons\";\nimport type React from \"react\";\nimport { cn } from \"../../lib/utils.js\";\nimport { Alert, AlertDescription } from \"../ui/alert.js\";\n\nexport interface WarningCardProps {\n\ttitle?: string;\n\tmessage: string;\n\ticon?: React.ReactNode;\n\tclassName?: string;\n}\n\nexport function WarningCard({\n\ttitle = \"Important\",\n\tmessage,\n\ticon,\n\tclassName = \"\",\n}: WarningCardProps) {\n\tconst defaultIcon = <InfoCircledIcon className=\"h-4 w-4\" />;\n\n\treturn (\n\t\t<Alert className={cn(\"bg-amber-50 border-amber-200\", className)}>\n\t\t\t{icon || defaultIcon}\n\t\t\t<AlertDescription className=\"text-amber-900\">\n\t\t\t\t<strong>{title}:</strong> {message}\n\t\t\t</AlertDescription>\n\t\t</Alert>\n\t);\n}\n",
      "target": "<%- config.aliases.components %>/warningcard.tsx"
    }
  ]
}