import { Button, Spinner } from "react-bootstrap";

export const SubmitBtn = ({ text, disabled, isSubmitting }) => {
  return (
    <div className="mt-3" style={{ textAlign: "center" }}>
      <Button type="submit" variant="primary" size="lg" disabled={disabled}>
        {isSubmitting && (
          <Spinner
            className="mt-2 me-1"
            as="span"
            animation="border"
            role="status"
            aria-hidden="true"
          />
        )}
        {text}
      </Button>
    </div>
  );
};