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

Resources to Servos Informatica's apps

import React from 'react';
import {OrdinaryButton} from "../OrdinaryButton";

const LoginButton = (
    {
        isLoading = false,
        onClick,
        provedor = 'github'
    }) => {

    let icon;
    let vari;
    let text;

    switch (provedor) {
        case "google":
            icon = "google";
            vari = "primary";
            text = "Entrar com Google";
            break;
        case "mail":
            icon = "envelope";
            vari = "warning";
            text = "Entrar com Email";
            break;
        case "logout":
            icon = "power";
            vari = "danger";
            text = "Logout";
            break;
        default:
            icon = "github";
            vari = "dark";
            text = "Entrar com Github";
    }

    return (
        <OrdinaryButton icon={icon}
                        isLoading={isLoading}
                        onClick={onClick}
                        variant={vari}
                        className="d-flex align-items-center justify-content-center gap-2 w-100"
        >
            {text}
        </OrdinaryButton>
    );
}

export default LoginButton;