{
  "name": "spreadsheet-grid-area",
  "type": "registry:component",
  "dependencies": [
    "@unsanity/spreadsheet"
  ],
  "registryDependencies": [
    "https://spreadsheet.ui.unsanity.ai/r/spreadsheet-grid.json",
    "https://spreadsheet.ui.unsanity.ai/r/spreadsheet-sheet-bar.json"
  ],
  "files": [
    {
      "path": "components/spreadsheet/spreadsheet-grid-area.tsx",
      "content": "\"use client\";\n\nimport { useSpreadsheetStore } from \"@unsanity/spreadsheet\";\nimport { SpreadsheetGrid } from \"./spreadsheet-grid\";\nimport { SpreadsheetSheetBar } from \"./spreadsheet-sheet-bar\";\n\n/** Grid + sheet tabs (registry). Remounts the grid when the active sheet changes. */\nexport function SpreadsheetGridArea() {\n  const activeSheetId = useSpreadsheetStore((s) => s.activeSheetId);\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <SpreadsheetGrid key={activeSheetId} />\n      <SpreadsheetSheetBar />\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ]
}