import React, { ComponentProps } from "react";
type TButton = ComponentProps<"button"> & {};
function AuthButton({ children, style, className, ...rest }: TButton) {
  return (
    <button
      className={`w-full dir-ltr max-w-[290px] p-3 text-center text-white rounded-2xl bg-[#FC8EAC] hover:bg-[#f85e87] font-bold duration-300 ${className}`}
      style={{ ...style }}
      {...rest}
    >
      {children}
    </button>
  );
}

export default AuthButton;
