hh-ui-components
Version:
19 lines • 1.23 kB
JavaScript
;
exports.__esModule = true;
exports.Size = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var classnames_1 = tslib_1.__importDefault(require("classnames"));
var Size = function (_a) {
var _b = _a.size, size = _b === void 0 ? "XL" : _b, _c = _a.variants, variants = _c === void 0 ? "collection" : _c, _d = _a.Disabled, Disabled = _d === void 0 ? false : _d, className = _a.className, onClick = _a.onClick;
var classes = (0, classnames_1["default"])({
"": true,
"rounded 2xl:rounded-[0.278vw] text-body-large 2xl:text-body-large-2xl py-[10px] 2xl:py-[0.694vw] px-[12px] 2xl:px-[0.833vw] hover:bg-quaternary": variants === "collection",
"w-[2.813rem] lg:w-[3.75rem] 2xl:w-[4.167vw] text-body-text lg:text-body-text-lg 2xl:text-body-text-2xl h-40 lg:h-40 2xl:h-40-2xl border rounded 2xl:rounded-[0.278vw] border-warmTone-4": variants === "product",
df: variants === "onesize",
"text-neutral": Disabled === true
});
return (react_1["default"].createElement("button", { onClick: onClick, className: "".concat(classes, " ").concat(className, " ") }, size));
};
exports.Size = Size;
//# sourceMappingURL=Size.js.map