import React from "react";

interface SubmitButtonProps {
  disabled: boolean;
  onClick: () => void;
  loading?: boolean;
}

export default function SubmitButton({
  disabled,
  onClick,
  loading = false,
}: SubmitButtonProps) {
  return (
    <div className="flex justify-end">
      <button
        type="button"
        disabled={disabled || loading}
        onClick={onClick}
        className={`px-6 py-2 rounded-lg font-semibold text-white shadow-sm transition flex items-center gap-2 ${
          disabled || loading
            ? "bg-gray-300 cursor-not-allowed"
            : "bg-teal-600 hover:bg-teal-700 cursor-pointer"
        }`}
      >
        {loading && (
          <div className="animate-spin rounded-full h-4 w-4 border-b-2 border-white"></div>
        )}
        {loading ? "Submitting..." : "Submit"}
      </button>
    </div>
  );
}