function MainComponent() { const [currentSlide, setCurrentSlide] = React.useState(0); const sections = [ "ببذة عن الجمعية", "الرؤية", "الرسالة", "الأهداف", "وثقوا بنا", "وسائل التواصل والاتصال", "الاشتراك في القائمة البريدية", "أهم المشاريع" ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#E8F5E9]", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1B5E20] p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white font-roboto text-center text-xl", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "جمعية إقراء")), /*#__PURE__*/ React.createElement("main", { className: "max-w-[800px] mx-auto py-8 space-y-6 flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-[#FFFFFF] w-full px-4 py-8 mb-4 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#1B5E20] font-roboto text-center text-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, sections[currentSlide]), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "المحتوى المتعلق بـ ", sections[currentSlide]), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentSlide((prev)=>prev - 1 >= 0 ? prev - 1 : sections.length - 1), className: "bg-[#C8E6C9] text-[#1B5E20] py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "السابق"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentSlide((prev)=>prev + 1 < sections.length ? prev + 1 : 0), className: "bg-[#C8E6C9] text-[#1B5E20] py-2 px-4 rounded-lg", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "التالي"))))); }