{
  "name": "tailwindcss-buttons",
  "type": "registry:ui",
  "dependencies": [
    "@tabler/icons-react"
  ],
  "files": [
    {
      "path": "components/ui/tailwindcss-buttons.tsx",
      "content": "\"use client\";\nimport React from \"react\";\nimport { IconClipboard } from \"@tabler/icons-react\";\nimport { cn } from \"@/lib/utils\";\n\nexport const ButtonsCard = ({\n  children,\n  className,\n  onClick,\n}: {\n  children?: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n}) => {\n  return (\n    <div\n      onClick={onClick}\n      className={cn(\n        \"h-60 w-full bg-white rounded-xl border border-neutral-100 dark:bg-black dark:border-white/[0.2] hover:border-neutral-200 group/btn overflow-hidden relative flex items-center justify-center\",\n        className\n      )}\n    >\n      <div className=\"absolute inset-0 dark:bg-dot-white/[0.1] bg-dot-black/[0.1]\" />\n      <IconClipboard className=\"absolute top-2 right-2 text-neutral-300 group-hover/btn:block hidden h-4 w-4 transition duration-200\" />\n      <div className=\"relative z-40\">{children}</div>\n    </div>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/ui/tailwindcss-buttons.tsx"
    }
  ],
  "author": "Manu Arora <hi@manuarora.in>",
  "title": "Tailwindcss Buttons"
}