@redocly/theme
Version:
Shared UI components lib
20 lines • 1.38 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DownloadButton = DownloadButton;
const react_1 = __importDefault(require("react"));
const Button_1 = require("../../components/Button/Button");
const DownloadIcon_1 = require("../../icons/DownloadIcon/DownloadIcon");
const Tooltip_1 = require("../../components/Tooltip/Tooltip");
const hooks_1 = require("../../core/hooks");
function DownloadButton({ data, dataTestId = 'download-button', }) {
const { useTranslate } = (0, hooks_1.useThemeHooks)();
const { translate } = useTranslate();
return (react_1.default.createElement("div", { "data-component-name": "Buttons/DownloadButton" },
react_1.default.createElement(Tooltip_1.Tooltip, { tip: translate('button.download.tooltipText', 'Download description'), placement: "top", arrowPosition: "right" },
react_1.default.createElement("a", { href: data, target: "_blank", download: true, rel: "noreferrer" },
react_1.default.createElement(Button_1.Button, { variant: "text", size: "small", "aria-label": "Download", icon: react_1.default.createElement(DownloadIcon_1.DownloadIcon, null), "data-testid": dataTestId })))));
}
//# sourceMappingURL=DownloadButton.js.map