{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "risk-label",
  "title": "RiskLabel",
  "description": "How risky an action is, in words.",
  "registryDependencies": [
    "https://creance.pages.dev/r/creance-base.json"
  ],
  "files": [
    {
      "path": "risk-label/RiskLabel.css",
      "content": ".cr-risk {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--cr-space-1);\n  padding: 3px var(--cr-space-3);\n  border-radius: var(--cr-radius-full);\n  font-size: var(--cr-font-size-xs);\n  font-weight: var(--cr-font-weight-semibold);\n  line-height: var(--cr-font-line-height-normal);\n  white-space: nowrap;\n}\n\n.cr-risk[data-level='low']    { background: var(--cr-color-risk-low-bg);    color: var(--cr-color-risk-low-fg); }\n.cr-risk[data-level='medium'] { background: var(--cr-color-risk-medium-bg); color: var(--cr-color-risk-medium-fg); }\n.cr-risk[data-level='high']   { background: var(--cr-color-risk-high-bg);   color: var(--cr-color-risk-high-fg); }\n",
      "type": "registry:file",
      "target": "@components/creance/risk-label/RiskLabel.css"
    },
    {
      "path": "risk-label/RiskLabel.tsx",
      "content": "import type { ReactNode } from 'react';\nimport { cx } from '@/lib/creance/cx';\nimport { AlertIcon, CheckIcon, ShieldIcon } from '@/lib/creance/icons';\nimport './RiskLabel.css';\n\nexport type Risk = 'low' | 'medium' | 'high';\n\nconst content: Record<Risk, { icon: ReactNode; text: string }> = {\n  low: { icon: <CheckIcon />, text: 'Low risk' },\n  medium: { icon: <ShieldIcon />, text: 'Medium risk' },\n  high: { icon: <AlertIcon />, text: 'High risk' },\n};\n\nexport interface RiskLabelProps {\n  level: Risk;\n  className?: string;\n}\n\n/** Each level has its own icon and text, so it never depends on colour alone. */\nexport function RiskLabel({ level, className }: RiskLabelProps) {\n  return (\n    <span className={cx('cr-risk', className)} data-level={level}>\n      {content[level].icon}\n      {content[level].text}\n    </span>\n  );\n}\n",
      "type": "registry:ui",
      "target": "@components/creance/risk-label/RiskLabel.tsx"
    }
  ],
  "categories": [
    "molecule",
    "agent"
  ],
  "type": "registry:ui"
}