import React from 'react'

export const ButtonForm = ({ props: propsBtn, isLoading, title }: {
    title: string, isLoading: boolean, props?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>
}) => {

    return (<button
        {...propsBtn}
        className={` mt-1 flex justify-center items-center gap-1 w-fit   hover:scale-[1.01] transition-transform py-1 px-2   rounded border bg-primary text-white  border-primary/70  ${propsBtn?.className}`}

    >
        {title}
        {isLoading &&
            <div className="loaderDotsWhite"></div>}

    </button>

    )
}