{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cell-header",
  "title": "CellHeader",
  "description": "Slot-based header layout for notebook cells with left/right content areas and optional drag support.",
  "files": [
    {
      "path": "registry/cell/CellHeader.tsx",
      "content": "import type React from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\ninterface CellHeaderProps {\n  className?: string;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n  onDragStart?: (e: React.DragEvent) => void;\n  draggable?: boolean;\n  leftContent: ReactNode;\n  rightContent: ReactNode;\n}\n\nexport const CellHeader: React.FC<CellHeaderProps> = ({\n  className,\n  onKeyDown,\n  onDragStart,\n  draggable,\n  leftContent,\n  rightContent,\n}) => {\n  return (\n    <div\n      data-slot=\"cell-header\"\n      className={cn(\n        \"cell-header flex items-center justify-between px-1 py-2 sm:pr-4\",\n        className,\n      )}\n      onKeyDown={onKeyDown}\n      draggable={draggable}\n      onDragStart={onDragStart}\n    >\n      <div className=\"flex items-center gap-1\">{leftContent}</div>\n      {rightContent}\n    </div>\n  );\n};\n",
      "type": "registry:component",
      "target": "components/cell/CellHeader.tsx"
    }
  ],
  "type": "registry:component"
}