function MainComponent() { const [products, setProducts] = React.useState([]); const [searchTerm, setSearchTerm] = React.useState(''); React.useEffect(()=>{ fetch('/integrations/product-search/search?q=' + encodeURIComponent(searchTerm)).then((response)=>response.json()).then((data)=>setProducts(data.data)); }, [ searchTerm ]); const handleSearchInputChange = (event)=>{ setSearchTerm(event.target.value); }; const handleSearch = ()=>{ fetch('/integrations/product-search/search?q=' + encodeURIComponent(searchTerm)).then((response)=>response.json()).then((data)=>setProducts(data.data)); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-700 text-white p-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg ml-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "2732 2000 / 4240-2224"), /*#__PURE__*/ React.createElement("span", { className: "ml-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "📞 11 98578 3012"), /*#__PURE__*/ React.createElement("span", { className: "ml-4 hidden sm:inline", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Interior: 0300 10 20000")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "ml-4 hover:underline", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Quem Somos"), /*#__PURE__*/ React.createElement("a", { className: "ml-4 hover:underline", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Entre"), /*#__PURE__*/ React.createElement("a", { className: "ml-4 hover:underline", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Trabalhe Conosco"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 flex flex-wrap justify-between items-center", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path-to-your-logo.png", alt: "Ecomprasb2b logo", className: "h-[50px] object-contain", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 mx-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Buscar por...", value: searchTerm, onChange: handleSearchInputChange, className: "border p-2 w-full", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "ml-4 px-3 py-2 rounded bg-blue-500 text-white", onClick: handleSearch, __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Buscar"), /*#__PURE__*/ React.createElement("button", { className: "ml-4 px-3 py-2 rounded bg-blue-500 text-white", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Me Ligue"), /*#__PURE__*/ React.createElement("button", { className: "ml-4 px-3 py-2 rounded bg-blue-500 text-white", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Cadastre-se"))), /*#__PURE__*/ React.createElement("div", { className: "py-4 bg-[#0f4c81]", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around text-white", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-percent fa-2x", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-warehouse fa-2x", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket fa-2x", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-tags fa-2x", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-star fa-2x", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-6", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, products.map((product)=>/*#__PURE__*/ React.createElement("div", { key: product.product_id, className: "bg-white p-4 flex flex-col items-center shadow rounded", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: product.product_photos[0], alt: `${product.product_title}`, className: "h-[200px] w-[200px] object-contain mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-center", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, product.product_title), /*#__PURE__*/ React.createElement("button", { className: "mt-auto px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Faça login ou cadastre-se para ver os preços"))))); }