# NamedRangeEditor

Create or edit named ranges

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}
      />
    </>
  )
}