@redocly/theme
Version:
Shared UI components lib
18 lines • 1.27 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LoginButton = LoginButton;
const react_1 = __importDefault(require("react"));
const hooks_1 = require("../../core/hooks");
const Button_1 = require("../../components/Button/Button");
function LoginButton({ href, className, variant = 'primary', size = 'medium', label, labelTranslationKey = 'userMenu.login', 'data-component-name': componentName = 'UserMenu/LoginButton', }) {
const { useTranslate, useTelemetry } = (0, hooks_1.useThemeHooks)();
const { translate } = useTranslate();
const telemetry = useTelemetry();
const buttonLabel = label || translate(labelTranslationKey, 'Login');
return (react_1.default.createElement("span", { "data-component-name": componentName, className: className },
react_1.default.createElement(Button_1.Button, { "data-translation-key": label ? undefined : labelTranslationKey, to: href, onClick: () => telemetry.sendLoginButtonClickedMessage(), "data-testid": "login-btn", extraClass: className, variant: variant, size: size }, buttonLabel)));
}
//# sourceMappingURL=LoginButton.js.map