import Swal from "sweetalert2";
import "sweetalert2/dist/sweetalert2.min.css";

export const useSweetAlert = () => {
  const swal = Swal.mixin({
    confirmButtonColor: "#2763D3",
    cancelButtonColor: "#AED50E",
    confirmButtonText: 'Aceptar',
    cancelButtonText: 'Cancelar',
    heightAuto: false, // Evita saltos de scroll en Nuxt
    returnFocus: false,
    customClass: {
      container: '!z-[99999]',
    }
  });

  const toast = (
    title: string,
    icon: "success" | "error" | "warning" | "info" = "success",
  ) => {
    return swal.fire({
      title,
      icon,
      toast: true,
      position: "top-end",
      timer: 3000,
      showConfirmButton: true,
      timerProgressBar: true,
    });
  };

  return {
    swal,
    toast,
  };
};

export const useMessageSwal = () => {
  const swal = Swal.mixin({
    confirmButtonText: "Aceptar",
    confirmButtonColor: "#2763D3",
    cancelButtonColor: "#AED50E",
    showConfirmButton: true,
    timer: 2000,
    customClass: {
      container: '!z-[99999]',
    }
  });

  return {
    swal,
  };
};