function MainComponent() { const sections = [ { title: 'People', icon: 'fa-user', description: 'Recommended news about people based on your interests.', content: [ 'Article 1', 'Article 2', 'Article 3' ] }, { title: 'Sports', icon: 'fa-futbol', description: 'Latest sports results tailored to your favorite teams.', content: [ 'Game 1', 'Game 2', 'Game 3' ] }, { title: 'Share', icon: 'fa-share-alt', description: 'Share your favorite articles and updates with friends.', content: [] } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "Your Personalized Feed")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, sections.map((section, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded-lg shadow-md p-6 text-center", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-4xl text-blue-500 mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fa ${section.icon}`, __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold font-roboto mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, section.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-roboto mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, section.description), /*#__PURE__*/ React.createElement("div", { className: "text-left", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, section.content.length > 0 ? /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 font-roboto text-gray-700", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, section.content.map((item, idx)=>/*#__PURE__*/ React.createElement("li", { key: idx, __source: { fileName: "", lineNumber: 26, columnNumber: 21 }, __self: this }, item))) : /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-700", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "No content available.")))))); }