{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-hover-state",
  "type": "registry:component",
  "title": "Table Hover State",
  "description": "Table Hover State",
  "files": [
    {
      "path": "registry/ui-basic/TableHoverState.tsx",
      "content": "import React from \"react\";\n\nexport default function TableHoverState() {\n\treturn (\n\t\t<>\n\t\t\t{/*<!-- Component: Table with hover state --> */}\n\t\t\t<div className=\"w-full overflow-x-auto\">\n\t\t\t\t<table\n\t\t\t\t\tclassName=\"w-full text-left border border-separate rounded border-slate-200\"\n\t\t\t\t\tcellSpacing=\"0\"\n\t\t\t\t>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\tclassName=\"h-12 px-6 text-sm font-medium border-l first:border-l-0 stroke-slate-700 text-slate-700 bg-slate-100\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tName\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\tclassName=\"h-12 px-6 text-sm font-medium border-l first:border-l-0 stroke-slate-700 text-slate-700 bg-slate-100\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tTitle\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\tclassName=\"h-12 px-6 text-sm font-medium border-l first:border-l-0 stroke-slate-700 text-slate-700 bg-slate-100\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tCompany\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\tclassName=\"h-12 px-6 text-sm font-medium border-l first:border-l-0 stroke-slate-700 text-slate-700 bg-slate-100\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tRole\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t<th\n\t\t\t\t\t\t\t\tscope=\"col\"\n\t\t\t\t\t\t\t\tclassName=\"h-12 px-6 text-sm font-medium border-l first:border-l-0 stroke-slate-700 text-slate-700 bg-slate-100\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tUsername\n\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr className=\"transition-colors duration-300 hover:bg-slate-50\">\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tAyub Salas\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tDesigner\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tCarroll Group\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tMember\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tsalas_a\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr className=\"transition-colors duration-300 hover:bg-slate-50\">\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tAgnes Sherman\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tDeveloper\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tApple\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tAdmin\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tshermanagnes\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr className=\"transition-colors duration-300 hover:bg-slate-50\">\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tJemma Cummings\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tSenior Designer\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\t20goto10\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tMember\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tjemmaC\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr className=\"transition-colors duration-300 hover:bg-slate-50\">\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tJimi Cardenas\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tCopywriter\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tWind-UI\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tOwner\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tcardenasji\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t<tr className=\"transition-colors duration-300 hover:bg-slate-50\">\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tMateusz Tucker\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tProject Manager\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tTailwindui\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tMember\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t<td className=\"h-12 px-6 text-sm transition duration-300 border-t border-l first:border-l-0 border-slate-200 stroke-slate-500 text-slate-500 \">\n\t\t\t\t\t\t\t\tmt\n\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t</tr>\n\t\t\t\t\t</tbody>\n\t\t\t\t</table>\n\t\t\t</div>\n\t\t\t{/*<!-- End Table with hover state --> */}\n\t\t</>\n\t);\n}\n",
      "type": "registry:ui"
    }
  ]
}