@servosinformatica/resources/src/components/OrdinaryButton/OrdinaryButton.jsx

Resources to Servos Informatica's apps

import React from 'react';
import {Button} from "react-bootstrap";

const OrdinaryButton = (
    {
        disabled = false,
        isLoading = false,
        icon,
        onClick,
        children,
        variant,
        type = 'button',
        href,
        className
    }) => {

    return (
        <Button onClick={onClick}
                disabled={disabled ? disabled : isLoading}
                variant={variant}
                className={className}
                type={type}
                href={href}
        >
            {isLoading ? (
                <span className="spinner-border spinner-border-sm" role="status"></span>
            ) : (
                <i className={`bi bi-${icon}`}></i>
            )}
            {children}
        </Button>
    );
};

export default OrdinaryButton;