function MedicalBannerDirectory({ medicalInstitutions, otherMedicalInstitutions }) { return /*#__PURE__*/ React.createElement("div", { className: "p-4 flex flex-col lg:flex-row", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-full lg:w-[240px] bg-gray-200 p-4 mb-4 lg:mb-0 lg:mr-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 7, columnNumber: 32 }, __self: this }, "Link 1")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 8, columnNumber: 32 }, __self: this }, "Link 2")), /*#__PURE__*/ React.createElement("li", { className: "mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", __source: { fileName: "", lineNumber: 9, columnNumber: 32 }, __self: this }, "Link 3")))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-8", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, medicalInstitutions.map((institution, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-4 rounded shadow-md", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: institution.image, alt: `Image of ${institution.name}`, className: "w-full h-[200px] object-cover mb-4 rounded", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, institution.name)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, otherMedicalInstitutions.map((dept, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-semibold mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, dept.department), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, dept.list.map((doctor, idx)=>/*#__PURE__*/ React.createElement("li", { key: idx, className: "text-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 19 }, __self: this }, doctor))))))), /*#__PURE__*/ React.createElement("aside", { className: "w-full lg:w-[240px] bg-gray-200 p-4 lg:ml-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Advertisements"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[200px] bg-gray-300", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-[200px] bg-gray-300", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-[200px] bg-gray-300", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })))); } function MainComponent() { const medicalInstitutions = [ { name: "Medical Institution 1", image: "./path/to/image1.jpg" }, { name: "Medical Institution 2", image: "./path/to/image2.jpg" }, { name: "Medical Institution 3", image: "./path/to/image3.jpg" } ]; const otherMedicalInstitutions = [ { department: "Cardiology", list: [ "Doctor A", "Doctor B" ] }, { department: "Neurology", list: [ "Doctor C", "Doctor D" ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-8 font-sans bg-gray-100", __source: { fileName: "", lineNumber: 59, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto py-8", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-8 text-center", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, "Medical Institutions"), /*#__PURE__*/ React.createElement(MedicalBannerDirectory, { medicalInstitutions: medicalInstitutions, otherMedicalInstitutions: otherMedicalInstitutions, __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }))); }