{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "empty-row",
  "title": "Empty Row",
  "description": "One line saying a list came back empty, for a table, a list, or a popover.",
  "registryDependencies": [
    "utils"
  ],
  "files": [
    {
      "path": "registry/default/empty-row/empty-row.tsx",
      "content": "import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport type EmptyRowProps = Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"children\"\n> & {\n  children?: React.ReactNode\n  /**\n   * Renders a table row spanning this many columns. Without it the row is a\n   * paragraph, for a list or a popover.\n   */\n  colSpan?: number\n}\n\n/**\n * One line saying a list came back empty. The smallest of the three: a row\n * inside something, where Empty State fills a panel and Not Found fills a\n * page. A filtered table wants a line, not an illustration.\n */\nexport function EmptyRow({\n  children = \"No matches.\",\n  colSpan,\n  className,\n  ...rootProps\n}: EmptyRowProps) {\n  const text = cn(\"text-muted-foreground px-4 py-8 text-sm\", className)\n\n  if (colSpan === undefined) {\n    return (\n      <p data-slot=\"empty-row\" className={text} {...rootProps}>\n        {children}\n      </p>\n    )\n  }\n\n  return (\n    <tr data-slot=\"empty-row\" {...rootProps}>\n      <td className={text} colSpan={colSpan}>\n        {children}\n      </td>\n    </tr>\n  )\n}\n",
      "type": "registry:ui"
    }
  ],
  "categories": [
    "empty",
    "table",
    "list"
  ],
  "type": "registry:ui"
}