hh-ui-components
Version:
9 lines • 1.02 kB
JavaScript
import React from "react";
var Size = function (_a) {
var sizes = _a.sizes, setState = _a.setState, variants = _a.variants, tags = _a.tags, isDisabled = _a.isDisabled, productInformation = _a.productInformation, insights = _a.insights;
return (React.createElement("div", null,
React.createElement("div", { onMouseLeave: function () { return setState(false); }, className: "w-full bg-tertiary rounded px-[10px] 2xl:px-[0.694vw] py-[5px] 2xl:py-[0.361vw]" },
React.createElement("div", { className: "flex justify-center items-center gap-x-[8px] 2xl:gap-x-[0.556vw] flex-wrap" }, sizes === null || sizes === void 0 ? void 0 : sizes.map(function (item, index) { return (React.createElement("button", { key: index, onClick: function () { return ""; }, className: "rounded text-[14px] 2xl:text-[0.972vw] leading-[19.6px] 2xl:leading-[1.361vw] py-[10px] 2xl:py-[0.694vw] px-[12px] 2xl:px-[0.833vw] hover:bg-quaternary" }, item.value)); })))));
};
export default Size;
//# sourceMappingURL=Size.js.map