import { ref } from 'vue';

export const useToggle = (isDefaultToggled = false) => {
  const isToggled = ref(isDefaultToggled);

  const toggle = () => (isToggled.value = !isToggled.value);

  const toggleOn = () => (isToggled.value = true);

  const toggleOff = () => (isToggled.value = false);

  return {
    isToggled,
    toggle,
    toggleOff,
    toggleOn
  };
};