export const useModal = () => {
  const [isShowing, setIsShowing] = useState(false);
  // instead function declaration (or expression)
  function toggle() {
    setIsShowing(!isShowing);
  }


  return {
    isShowing,
    toggle: () =>  setIsShowing(!isShowing), // we can move it to return, it's looks nicer
  };
};