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

interface ExpenseSubmitActionsProps {
  onCancel: () => void;
  isSubmitting: boolean;
}

const ExpenseSubmitActions: React.FC<ExpenseSubmitActionsProps> = ({ 
  onCancel, 
  isSubmitting 
}) => {
  return (
    <div className="flex justify-end gap-2 pt-2">
      <Button 
        type="button" 
        variant="outline" 
        onClick={onCancel}
        disabled={isSubmitting}
      >
        취소
      </Button>
      <Button 
        type="submit"
        className="bg-neuro-income text-white hover:bg-neuro-income/90"
        disabled={isSubmitting}
      >
        {isSubmitting ? (
          <>
            <Loader2 className="mr-2 h-4 w-4 animate-spin" />
            저장 중...
          </>
        ) : '저장'}
      </Button>
    </div>
  );
};

export default ExpenseSubmitActions;
