function MainComponent() { const [products, setProducts] = React.useState([ { id: 1, name: "Laptop", description: "High-performance laptop", price: "$999", imageUrl: "products/laptop.jpg" }, { id: 2, name: "Smartphone", description: "Latest smartphone with top features", price: "$599", imageUrl: "products/smartphone.jpg" } ]); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto min-h-screen bg-[#f1f1f1] text-[#121212]", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#0275d8] text-white p-4 text-center text-xl", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "Tech E-Commerce Store"), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, products.map((product)=>/*#__PURE__*/ React.createElement("div", { key: product.id, className: "border border-[#ddd] bg-white p-4 flex flex-col items-center", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: product.imageUrl, alt: `Image of ${product.name}`, className: "w-[200px] h-[200px] object-contain mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, product.name), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, product.description), /*#__PURE__*/ React.createElement("span", { className: "text-[#0275d8] font-semibold", __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, product.price), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-4 py-2 bg-[#0275d8] text-white rounded-lg hover:bg-[#025aa5]", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Add to Cart")))))); }