@bedunkevich/boilerplate
Version:
Acquire package boilerplate for the package
45 lines (44 loc) • 2 kB
JavaScript
;
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
exports.__esModule = true;
exports.Button = exports.Greeter = void 0;
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = require("react");
var styled_components_1 = __importDefault(require("styled-components"));
var Greeter = function (name) { return "Hello ".concat(name); };
exports.Greeter = Greeter;
var StyledButton = styled_components_1["default"].button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 5px 10px;\n background: ", ";\n color: white;\n"], ["\n padding: 5px 10px;\n background: ", ";\n color: white;\n"])), function (_a) {
var theme = _a.theme;
return (theme === null || theme === void 0 ? void 0 : theme.primaryColor) || 'black';
});
var Button = function (_a) {
var title = _a.title, onClick = _a.onClick;
var _b = (0, react_1.useState)(1), counter = _b[0], setCounter = _b[1];
return ((0, jsx_runtime_1.jsxs)(StyledButton, __assign({ onClick: function (event) {
setCounter(function (prev) { return prev + 1; });
onClick(event);
} }, { children: [title, " ", counter] }), void 0));
};
exports.Button = Button;
exports["default"] = {
Greeter: exports.Greeter,
Button: exports.Button
};
var templateObject_1;