{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "canvas",
  "files": [
    {
      "path": "registry/new-york/ai-elements/canvas.tsx",
      "content": "import type { ReactNode } from \"react\"\nimport { Background, ReactFlow, type ReactFlowProps } from \"@xyflow/react\"\n\nimport \"@xyflow/react/dist/style.css\"\n\nimport { Controls } from \"./controls\"\n\ntype CanvasProps = ReactFlowProps & {\n  children?: ReactNode\n}\n\nexport const Canvas = ({ children, ...props }: CanvasProps) => (\n  <ReactFlow\n    deleteKeyCode={[\"Backspace\", \"Delete\"]}\n    fitView\n    panOnDrag={false}\n    panOnScroll\n    selectionOnDrag={true}\n    zoomOnDoubleClick={false}\n    {...props}\n  >\n    <Background bgColor=\"var(--sidebar)\" />\n    <Controls />\n    {children}\n  </ReactFlow>\n)\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}