import {useState, useCallback} from 'react';

export type UseToggle = (state: boolean) => [
  boolean, // state
  (nextValue?: boolean) => void // toggle
];

const useToggle: UseToggle = state => {
  const [value, setValue] = useState<boolean>(state);

  const toggle = useCallback((nextValue?: boolean) => {
    if (typeof nextValue !== 'undefined') {
      setValue(!!nextValue);
      return;
    }

    setValue(value => !value)
  }, [setValue]);

  return [value, toggle];
};

export default useToggle;