Function useEditable

src/ui-react-inspector/editable.ts:8–20

(
  uniqueId: Id,
  s: Store,
)

import {useCell} from '../ui-react/index.ts';

export const useEditable = (
  uniqueId: Id,
  s: Store,
): [boolean, (event: SyntheticEvent<HTMLImageElement>) => void] => [
  !!useCell(STATE_TABLE, uniqueId, EDITABLE_CELL, s),
  useCallback(
    (event: SyntheticEvent<HTMLImageElement>) => {
      s.setCell(STATE_TABLE, uniqueId, EDITABLE_CELL, (editable) => !editable);
      event.preventDefault();
    },
    [s, uniqueId],
  ),
];