import { KettalTableAdvancedFilters } from "@/types";
import { ref } from "vue";

export default function useAdvancedFilters() {
  const advancedFilters = ref<KettalTableAdvancedFilters>({}); // advancedFilters contains the correct structure for filtering the table
  const showAdvancedFilters = ref<boolean>(false);
  /**
   * Function that toggles the advanced filters
   *
   *
   * @public
   */
  function toggleAdvancedFilters() {
    showAdvancedFilters.value = !showAdvancedFilters.value;
    if (!showAdvancedFilters.value) {
      advancedFilters.value = {};
    }
  }

  return {
    advancedFilters,
    showAdvancedFilters,
    toggleAdvancedFilters,
  };
}