tatuka-components
Version:
this is a readme text
16 lines • 1.03 kB
JavaScript
import React from 'react';
import "../../../../dist/style/styles.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.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.createElement("span", null, text),
React.createElement("svg", { viewBox: '-5 -5 110 110', preserveAspectRatio: 'none', "aria-hidden": 'true' },
React.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' }))));
}
export default React.memo(TatukaButton);
//# sourceMappingURL=TatukaButton.js.map