function MainComponent() { const [news, setNews] = useState([]); const [currentPage, setCurrentPage] = useState(1); const [totalPages, setTotalPages] = useState(1); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const fetchNews = useCallback(async (page)=>{ try { setLoading(true); setError(null); const response = await fetch("/api/news", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: { page: page.toString(), limit: "10" } }) }); if (!response.ok) { throw new Error(`Error: ${response.status}`); } const data = await response.json(); setNews(data.news); setTotalPages(data.totalPages); setCurrentPage(data.currentPage); } catch (err) { console.error(err); setError("Failed to load news"); } finally{ setLoading(false); } }, []); useEffect(()=>{ fetchNews(currentPage); }, [ currentPage, fetchNews ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1976D2] text-white py-4 shadow-lg", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-2xl font-epilogue", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "NewsPortal"), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex space-x-6 font-barlow", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-gray-200", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "Главная"), /*#__PURE__*/ React.createElement("a", { href: "/contacts", className: "hover:text-gray-200", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Контакты")), /*#__PURE__*/ React.createElement("button", { className: "md:hidden", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars text-2xl", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-8 flex-grow", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center py-4", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }, error), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-64", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-t-2 border-b-2 border-[#1976D2]", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this })) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, news.map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.id, href: `/news/${item.id}`, className: "bg-white rounded-lg shadow-md overflow-hidden hover:shadow-lg transition-shadow duration-300", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative pt-[56.25%]", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: item.imageUrl, alt: item.title, className: "absolute top-0 left-0 w-full h-full object-cover", __source: { fileName: "", lineNumber: 85, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 91, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-epilogue mb-2", __source: { fileName: "", lineNumber: 92, columnNumber: 21 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-barlow", __source: { fileName: "", lineNumber: 93, columnNumber: 21 }, __self: this }, item.excerpt), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm text-gray-500 font-barlow", __source: { fileName: "", lineNumber: 94, columnNumber: 21 }, __self: this }, new Date(item.date).toLocaleDateString()))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8 space-x-2", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, Array.from({ length: totalPages }, (_, i)=>i + 1).map((page)=>/*#__PURE__*/ React.createElement("button", { key: page, onClick: ()=>setCurrentPage(page), className: `px-4 py-2 rounded ${currentPage === page ? "bg-[#1976D2] text-white" : "bg-gray-200 hover:bg-gray-300"}`, __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, page))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1976D2] text-white py-6 mt-auto", __source: { fileName: "", lineNumber: 123, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center md:text-left mb-4 md:mb-0", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-epilogue mb-2", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "NewsPortal"), /*#__PURE__*/ React.createElement("p", { className: "font-barlow", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, "Ваш источник актуальных новостей")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-200", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook text-2xl", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-200", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "#", className: "hover:text-gray-200", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-2xl", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-6 font-barlow", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, "© 2025 NewsPortal. Все права защищены")))); }