import { Sparkles, ChevronRight } from 'lucide-react';

const SubmitButton = ({ isLoading, label = "Get Free Consultation" }) => {
  return (
    <button
      type="submit"
      disabled={isLoading}
      className="w-full group/btn cursor-pointer bg-linear-to-r from-teal-600 to-blue-500 text-white font-semibold py-5 px-8 rounded-2xl hover:shadow-xl transition-all duration-300 flex items-center justify-center gap-3 disabled:opacity-50"
    >
      {isLoading ? (
        <>
          <div className="w-6 h-6 border-2 border-white border-t-transparent rounded-full animate-spin"></div>
          <span>Submitting...</span>
        </>
      ) : (
        <>
          <Sparkles className="w-5 h-5" />
          <span>{label}</span>
          <ChevronRight className="w-5 h-5 transition-transform duration-300 group-hover/btn:translate-x-1" />
        </>
      )}
    </button>
  );
};

export default SubmitButton;