function MainComponent() { const [headlines, setHeadlines] = React.useState([]); const [latestUpdate, setLatestUpdate] = React.useState(''); React.useEffect(()=>{ const fetchHeadlines = async ()=>{ try { const response = await fetch('https://api.example.com/news'); if (!response.ok) { throw new Error('Network response was not ok'); } const data = await response.json(); setHeadlines(data.headlines); setLatestUpdate(data.latestUpdate); } catch (error) { console.error('Fetch error:', error); } }; fetchHeadlines(); const intervalId = setInterval(fetchHeadlines, 60000); return ()=>clearInterval(intervalId); }, []); const formatTime = (timeString)=>{ const time = new Date(timeString); return time.toLocaleTimeString('he-IL', { hour: '2-digit', minute: '2-digit' }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f1f1f1] font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#003366] p-4 text-white", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-center", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "חדשות עדכניות")), /*#__PURE__*/ React.createElement("main", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { "aria-live": "polite", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "כותרות ראשיות"), headlines.map((headline, index)=>/*#__PURE__*/ React.createElement("article", { key: index, className: "bg-white shadow-md rounded p-4 mb-4 last:mb-0", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2 font-semibold", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, headline.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, headline.summary), /*#__PURE__*/ React.createElement("time", { className: "block text-gray-500 text-sm", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, formatTime(headline.time))))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "עדכון אחרון"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, latestUpdate))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#003366] p-4 text-white text-center", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "כל הזכויות שמורות © 2023"))); }