import React from "react";
import { Button } from "@/components/ui/button";
import { Loader2 } from "lucide-react";

interface StepFormButtonsProps {
  isSubmitting: boolean;
  onClose: () => void;
}

export function StepFormButtons({ isSubmitting, onClose }: StepFormButtonsProps) {
  return (
    <div className="flex justify-end gap-3 pt-4">
      <Button type="button" variant="outline" onClick={onClose}>
        Annuler
      </Button>
      <Button type="submit" disabled={isSubmitting}>
        {isSubmitting ? (
          <>
            <Loader2 className="mr-2 h-4 w-4 animate-spin" />
            Enregistrement...
          </>
        ) : (
          "Enregistrer les modifications"
        )}
      </Button>
    </div>
  );
}