import React from 'react';
import { useTranslation } from '@/hooks/useI18n.tsx';
import Button from '@/components/ui/Button.tsx';

interface WizardFooterProps {
  isFirstStep: boolean;
  isLastStep: boolean;
  onBack: () => void;
  onNext: () => void;
  onSubmit: () => void;
  isValid: boolean;
}

const WizardFooter: React.FC<WizardFooterProps> = ({
  isFirstStep,
  isLastStep,
  onBack,
  onNext,
  onSubmit,
  isValid,
}) => {
  const { t } = useTranslation();

  return (
    <div className="p-4 bg-muted/50 border-t flex justify-between items-center rounded-b-2xl">
      <Button variant="outline" onClick={onBack} disabled={isFirstStep}>
        {t('wizard.back')}
      </Button>
      {isLastStep ? (
        <Button onClick={onSubmit} disabled={!isValid}>
          {t('wizard.finish')}
        </Button>
      ) : (
        <Button onClick={onNext}>{t('wizard.next')}</Button>
      )}
    </div>
  );
};

export default WizardFooter;