import { useState } from "react";

import { UseToggleOptions } from "hooks";

/**
 *
 * @kind 12-State
 */
export const useToggle = <T = boolean>(options?: UseToggleOptions<T>) => {
  const { onValue = true, offValue = false, initialValue = false, onToggle } = options || {};
  const [value, setValue] = useState<T>(initialValue as T);

  const toggle = () => {
    const newValue = (value === onValue ? offValue : onValue) as T;
    setValue(newValue);
    onToggle?.(newValue);
  };

  return [value, toggle, setValue] as const;
};