hh-ui-components
Version:
27 lines • 1.13 kB
JavaScript
;
exports.__esModule = true;
exports.Tag = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var Tag = function (_a) {
var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "sale" : _b, size = _a.size, onClick = _a.onClick;
var styling = buttonClasses.find(function (classes) {
return classes.name === variant;
});
return (react_1["default"].createElement("button", { className: "py-10 2xl:py-[0.694vw] px-[15px] 2xl:px-[1.042vw] text-graphite-500 text-[14px] 2xl:text-[0.972vw] leading-[15.4px] 2xl:leading-[1.069vw] uppercase text-center rounded-[3px] 2xl:rounded-[0.208vw] block w-full ".concat(styling === null || styling === void 0 ? void 0 : styling.style, " ").concat(size), onClick: onClick, "aria-label": "Button", type: "button" }, label));
};
exports.Tag = Tag;
exports["default"] = exports.Tag;
var buttonClasses = [
{
name: "sale",
style: "bg-quaternary",
size: "small"
},
{
name: "soldout",
style: "bg-white",
size: ""
},
];
//# sourceMappingURL=index.js.map