function MainComponent() { const [productsExpiring, setProductsExpiring] = React.useState([]); React.useEffect(()=>{ const fetchProductsExpiring = async ()=>{ try { const response = await fetch('/api/products/expiring'); const data = await response.json(); setProductsExpiring(data); } catch (error) { setProductsExpiring([]); } }; fetchProductsExpiring(); }, []); const currentDate = new Date().toISOString().slice(0, 10); const expiringList = productsExpiring.map((product, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col items-center justify-center p-4 mb-2 bg-red-100 rounded-md md:flex-row", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: product.image, alt: `${product.name} expiring soon`, className: "w-24 h-24 mr-4 rounded md:w-16 md:h-16", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-center md:text-left", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, product.name), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "Expiry: ", product.expiryDate)))); return /*#__PURE__*/ React.createElement("div", { className: "px-4 py-8", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-4 text-2xl font-bold text-center", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "Produtos a Vencer"), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Today's date: ", /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 37, columnNumber: 25 }, __self: this }, currentDate)), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, expiringList.length > 0 ? expiringList : /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 39, columnNumber: 107 }, __self: this }, "No expiring products.")))); }