hh-ui-components
Version:
14 lines • 1.02 kB
JavaScript
import React from "react";
import classNames from "classnames";
export 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 = classNames({
"": 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.createElement("button", { onClick: onClick, className: "".concat(classes, " ").concat(className, " ") }, size));
};
//# sourceMappingURL=Size.js.map