Function Nub

src/ui-react-inspector/Nub.tsx:5–12

({s}: StoreProp)

import {useSetValueCallback, useValue} from '../ui-react/index.ts';

export const Nub = ({s}: StoreProp) => {
  const position = useValue(POSITION_VALUE, s) ?? 1;
  const handleOpen = useSetValueCallback(OPEN_VALUE, () => true, [], s);

  return useValue(OPEN_VALUE, s) ? null : (
    <img onClick={handleOpen} title={TITLE} data-position={position} />
  );
};