import { CanvasGrid, NamedRangeEditor } from "@rowsncolumns/spreadsheet"
import { useSpreadsheetState } from "@rowsncolumns/spreadsheet-state"
const App = () => {
const activeSheetId = 1
const { getSheetName, onCreateNamedRange, onUpdateNamedRange } = useSpreadsheetState({
...
})
return (
<>
<CanvasGrid
/>
<NamedRangeEditor
sheetId={activeSheetId}
rowCount={rowCount}
columnCount={columnCount}
getSheetName={getSheetName}
onCreateNamedRange={onCreateNamedRange}
onUpdateNamedRange={onUpdateNamedRange}
/>
</>
)
}