function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg overflow-hidden max-w-sm", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./assets/tocobo-sun-stick.jpg", alt: "TOCOBO Cotton Soft Sun Stick with sky blue container and red lettering", className: "w-full", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-lg text-[#121212] font-semibold", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "TOCOBO Cotton Soft Sun Stick"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#666] mt-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "SPF50+ PA++++"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#121212] font-medium", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Price"), /*#__PURE__*/ React.createElement("span", { className: "text-lg text-[#fa5252] font-bold", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "$35.99")), /*#__PURE__*/ React.createElement("button", { className: "mt-6 bg-[#fa5252] text-white py-2 px-4 rounded-full w-full hover:bg-[#f03e3e] transition ease-in duration-300", type: "button", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Add to Cart")))); }