react-pdf-ner-annotator
Version:
A React component to annotate named entities directly onto a PDF.
27 lines • 1.75 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
exports.__esModule = true;
var react_1 = __importDefault(require("react"));
var plus_svg_1 = __importDefault(require("../assets/icons/plus.svg"));
var dash_svg_1 = __importDefault(require("../assets/icons/dash.svg"));
var ButtonGroup = function (_a) {
var scale = _a.scale, setScale = _a.setScale;
var incrementScale = function (increment) {
var newScale = Math.round((scale + increment) * 10) / 10;
if (newScale <= 5.0 && newScale >= 0.5) {
setScale(newScale);
}
};
return (react_1["default"].createElement("nav", { className: "fab-group-container" },
react_1["default"].createElement("ul", { className: "fab-group__list" },
react_1["default"].createElement("li", { className: "fab-group__list-item" },
react_1["default"].createElement("span", { role: "button", className: "fab-group__button", onClick: function () { return incrementScale(0.1); } },
react_1["default"].createElement("img", { className: "fab-group__button-icon", src: plus_svg_1["default"], alt: "Zoom in" }))),
react_1["default"].createElement("li", { className: "fab-group__list-item" },
react_1["default"].createElement("span", { role: "button", className: "fab-group__button", onClick: function () { return incrementScale(-0.1); } },
react_1["default"].createElement("img", { className: "fab-group__button-icon", src: dash_svg_1["default"], alt: "Zoom out" }))))));
};
exports["default"] = ButtonGroup;
//# sourceMappingURL=ButtonGroup.js.map