useToggle.js

import { useState } from 'react';

const useToggle = (initialState = false) => {
  const [isActive, setIsActive] = useState(initialState);

  const isInactive = !isActive;
  const deactivate = () => setIsActive(false);
  const activate = () => setIsActive(true);
  const toggle = () => setIsActive(((value) => !value));

  return {
    isActive,
    isInactive,
    deactivate,
    activate,

    isOpen: isActive,
    isClosed: isInactive,
    close: deactivate,
    open: activate,

    isExpanded: isActive,
    isCollapsed: isInactive,
    collapse: deactivate,
    expand: activate,

    isChecked: isActive,
    isUnchecked: isInactive,
    uncheck: deactivate,
    check: activate,

    isOn: isActive,
    isOff: isInactive,
    turnOff: deactivate,
    turnOn: activate,

    isVisible: isActive,
    isHidden: isInactive,
    hide: deactivate,
    show: activate,

    isSelected: isActive,
    isDeselected: isInactive,
    deselect: deactivate,
    select: activate,

    toggle,
    flip: toggle,
    switch: toggle,
    invert: toggle,
  };
};

export default useToggle;