import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ArrowLOutlineMd } from '../../../icons/ArrowLOutlineMd';
import { ArrowROutlineMd } from '../../../icons/ArrowROutlineMd';
import { FormSubmitButton } from '../../FormSubmitButton';
import { PrevButton, Wrapper } from './styles';
export const Footer = (props) => {
    const { isDisabled, isFirstStep, isLastStep, prevButtonText, submitButtonText, onPrevStep, submitButtonProps, } = props;
    const renderNextIcon = () => (isLastStep ? null : _jsx(ArrowROutlineMd, {}));
    return (_jsxs(Wrapper, { children: [!isFirstStep && (_jsx(PrevButton, { disabled: isDisabled, variant: "outlined", color: "grey", startIcon: _jsx(ArrowLOutlineMd, {}), onClick: onPrevStep, children: prevButtonText })), _jsx(FormSubmitButton, { disabled: isDisabled, endIcon: renderNextIcon(), ...submitButtonProps, children: submitButtonText })] }));
};
