tatuka-components
Version:
this is a readme text
19 lines • 1.21 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
require("./style.css");
function TatukaButton(_a) {
var text = _a.text, paddingX = _a.paddingX, paddingY = _a.paddingY, width = _a.width, height = _a.height, fontSize = _a.fontSize, backgroundColor = _a.backgroundColor;
return (react_1.default.createElement("button", { style: {
padding: "".concat(paddingY || 20, "px ").concat(paddingX || 20, "px"),
width: "".concat(width && width, "px"),
height: "".concat(height && height, "px"),
fontSize: "".concat(fontSize && fontSize, "px"),
}, className: 'tatuka-button' },
react_1.default.createElement("span", null, text),
react_1.default.createElement("svg", { viewBox: '-5 -5 110 110', preserveAspectRatio: 'none', "aria-hidden": 'true' },
react_1.default.createElement("path", { fill: backgroundColor || 'black', d: 'M0,0 C0,0 100,0 100,0 C100,0 100,100 100,100 C100,100 0,100 0,100 C0,100 0,0 0,0' }))));
}
exports.default = react_1.default.memo(TatukaButton);
//# sourceMappingURL=TatukaButton.js.map