function MainComponent() { const products = [ { name: "AXIS HYBRID HOODED JACKET", image: "images/axis-hybrid-hooded-jacket.png", description: "Built with waterproof panelling across the hood, shoulders, and arms, making it our best performing fleece-lined soft shell.", weight: "24.4 oz / 692 g (L)", condition: "Cold and Wet", protection: "Waterproof Paneling, Water Resistant, Wind Resistant", material: "Primeflex® Polyester 4-Way Stretch, Dermizax® Waterproof Membrane, Micro-Fleece Interior - 320 g/m²", treatment: "K-DWR® Water Resistance, Makspec® Odor Resistance", features: "Zippered Pit Vents, Adjustable Storm Hood, Articulated Design", buttonLabel: "BUY NOW", alt: "AXIS HYBRID HOODED JACKET" } ]; const weightIcon = "fas fa-weight-hanging"; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#000000] font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4 px-2 py-8", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, products.map((product, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "max-w-xs w-full lg:max-w-xs lg:flex", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border border-[#444444] bg-[#000000] rounded p-4 flex flex-col justify-between leading-normal", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-bold text-xl mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, product.name), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-[#CCCCCC] flex items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: weightIcon, "aria-hidden": "true", __source: { fileName: "", lineNumber: 28, columnNumber: 19 }, __self: this }), product.weight)), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mt-6", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#CCCCCC] text-black font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, product.buttonLabel))))))); }