import React from 'react'
import { getTranslation } from '../../../i18n';
 
export const ButtonForm = ({ props, isLoading }: { isLoading: boolean, props: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> }) => {
    const { t }: any = getTranslation();
    return (
        <button
            {...props}
            className={`btn btn-primary w-full py-1 px-2`}
            type="submit" disabled={isLoading} >
            {
                isLoading ? (
                    <div className="flex items-center gap-x-3" >
                        <span>{t('submitting')} </span>
                        <span className="inline-block h-3 w-3 animate-ping rounded-full bg-white ltr:mr-4 rtl:ml-4" />
                    </div>
                ) : (
                    t('submit')
                )}
        </button>
    )
}