{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "copy-block",
  "title": "copy-block",
  "description": "Kopyala butonlu komut/kod bloğu.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://ui.tanecik.com/r/utils.json"
  ],
  "files": [
    {
      "path": "registry/tanecik/blocks/copy-block.tsx",
      "content": "\"use client\"\nimport { useState } from \"react\"\nimport { Check, Copy } from \"lucide-react\"\n\nexport function CopyBlock({ text }: { text: string }) {\n  const [done, setDone] = useState(false)\n  return (\n    <div className=\"relative\">\n      <pre className=\"overflow-x-auto rounded-lg border bg-background py-3 pl-3 pr-11 font-mono text-xs\">{text}</pre>\n      <button\n        type=\"button\"\n        aria-label=\"Kopyala\"\n        onClick={async () => {\n          await navigator.clipboard.writeText(text)\n          setDone(true)\n          setTimeout(() => setDone(false), 1500)\n        }}\n        className=\"absolute right-2 top-2 cursor-pointer rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground\"\n      >\n        {done ? <Check className=\"size-4\" /> : <Copy className=\"size-4\" />}\n      </button>\n    </div>\n  )\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}