@redocly/theme
Version:
Shared UI components lib
22 lines • 1.37 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.NewTabButton = NewTabButton;
const react_1 = __importDefault(require("react"));
const Button_1 = require("../../components/Button/Button");
const ArrowUpRightIcon_1 = require("../../icons/ArrowUpRightIcon/ArrowUpRightIcon");
const Tooltip_1 = require("../../components/Tooltip/Tooltip");
const hooks_1 = require("../../core/hooks");
function NewTabButton({ data, dataTestId = 'new-tab-button', }) {
const { useTranslate } = (0, hooks_1.useThemeHooks)();
const { translate } = useTranslate();
const onClick = () => {
window.open(data, '_blank');
};
return (react_1.default.createElement("div", { "data-component-name": "Buttons/NewTabButton" },
react_1.default.createElement(Tooltip_1.Tooltip, { tip: translate('button.externalLink.tooltipText', 'Open in new tab'), placement: "top", arrowPosition: "right" },
react_1.default.createElement(Button_1.Button, { onClick: onClick, icon: react_1.default.createElement(ArrowUpRightIcon_1.ArrowUpRightIcon, null), "data-testid": dataTestId, "aria-label": "Open in new tab", size: "small", variant: "text" }))));
}
//# sourceMappingURL=NewTabButton.js.map