import { cn } from "clsx-tailwind-merge";
import Button from "./button";
import Preloader from "./preloader";

type SubmitBtnProps = {
  isSendingForm?: boolean;
  className?: string;
  text?: string;
  disabled?: boolean;
};

const SubmitBtn = ({ isSendingForm, className, text = "Enviar", disabled = false }: SubmitBtnProps) => {
  return (
    <Button
      className={`${cn("w-full md:max-w-[6.875rem] mx-auto mt-6 relative overflow-hidden", className)}`}
      text={isSendingForm ? "" : text}
      disabled={disabled}
      submit
    >
      {isSendingForm && (
        <Preloader className="text-white -top-[1.5625rem] left-3/4 md:left-[60%] -translate-x-1/2 scale-[.65] w-full" />
      )}
    </Button>
  );
};

export default SubmitBtn;