{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cell-betweener",
  "title": "CellBetweener",
  "description": "Spacer component that maintains gutter ribbon continuity between cells. Creates an unbroken 'paper edge' effect down the left side of the notebook.",
  "registryDependencies": [
    "@nteract/cell-container"
  ],
  "files": [
    {
      "path": "registry/cell/CellBetweener.tsx",
      "content": "import { cn } from \"@/lib/utils\";\nimport { type GutterColorConfig, getGutterColors } from \"./gutter-colors\";\n\ninterface CellBetweenerProps {\n  /** Cell type to determine ribbon color - defaults to \"code\" */\n  cellType?: string;\n  /** Custom color configuration */\n  customGutterColors?: Record<string, GutterColorConfig>;\n  /** Optional content for the betweener area (e.g., add cell button) */\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * A spacer component that maintains gutter ribbon continuity between cells.\n * Place this between CellContainer components to create an unbroken\n * \"paper edge\" effect down the left side of the notebook.\n */\nexport function CellBetweener({\n  cellType = \"code\",\n  customGutterColors,\n  children,\n  className,\n}: CellBetweenerProps) {\n  const colors = getGutterColors(cellType, customGutterColors);\n\n  return (\n    <div\n      data-slot=\"cell-betweener\"\n      className={cn(\"flex h-4 w-full items-center\", className)}\n    >\n      {/* Gutter spacer - matches cell gutter structure */}\n      <div className=\"flex h-full flex-shrink-0\">\n        {/* Action area spacer - matches CellContainer w-10 */}\n        <div className=\"w-10\" />\n        {/* Ribbon continues */}\n        <div className={cn(\"w-1\", colors.ribbon.default)} />\n      </div>\n      {/* Content area - could hold add-cell buttons */}\n      <div className=\"flex-1\">{children}</div>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/cell/CellBetweener.tsx"
    }
  ],
  "type": "registry:component"
}