{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "tag",
  "title": "Tag",
  "description": "A small ruled label for categories and engines.",
  "registryDependencies": [
    "https://spotcheckui.com/r/spotcheck-base.json"
  ],
  "files": [
    {
      "path": "registry/spotcheck/components/spotcheck/tag.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype TagProps = React.ComponentProps<\"span\"> & {\n  /** \"accent\" fills the tag, for the one tag on a surface that should stand out. */\n  variant?: \"outline\" | \"accent\"\n}\n\nexport function Tag({ variant = \"outline\", className, ...props }: TagProps) {\n  return (\n    <span\n      className={cn(\n        \"border-ink border-[1.5px] px-1.5 py-0.5 font-(family-name:--f-mono) text-[10px] tracking-[.12em] whitespace-nowrap uppercase\",\n        variant === \"accent\" && \"bg-accent-ink text-on-accent border-accent-ink\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "categories": [
    "core"
  ],
  "type": "registry:component"
}