function MainComponent() { const [currentPlatform, setCurrentPlatform] = React.useState(''); const renderExpositionList = ()=>/*#__PURE__*/ React.createElement("div", { className: "space-y-10", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/painting1.jpeg", alt: "A classic painting", className: "w-[300px] h-[200px] object-cover mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("audio", { controls: true, __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "/audios/painting1.mp3", type: "audio/mpeg", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }), "Your browser does not support the audio tag.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/sculpture1.jpeg", alt: "An ancient sculpture", className: "w-[300px] h-[200px] object-cover mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("audio", { controls: true, __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "/audios/sculpture1.mp3", type: "audio/mpeg", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), "Your browser does not support the audio tag.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/artifact1.jpeg", alt: "A historical artifact", className: "w-[300px] h-[200px] object-cover mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("audio", { controls: true, __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "/audios/artifact1.mp3", type: "audio/mpeg", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), "Your browser does not support the audio tag.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/artifact2.jpeg", alt: "A medieval manuscript", className: "w-[300px] h-[200px] object-cover mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("audio", { controls: true, __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "/audios/artifact2.mp3", type: "audio/mpeg", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), "Your browser does not support the audio tag.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/painting2.jpeg", alt: "A Renaissance painting", className: "w-[300px] h-[200px] object-cover mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("audio", { controls: true, __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "/audios/painting2.mp3", type: "audio/mpeg", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), "Your browser does not support the audio tag.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/sculpture2.jpeg", alt: "A modern sculpture", className: "w-[300px] h-[200px] object-cover mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("audio", { controls: true, __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "/audios/sculpture2.mp3", type: "audio/mpeg", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }), "Your browser does not support the audio tag."))); if (currentPlatform === 'web') { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#333] mb-8 font-crimson-text", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "Museum Exhibition Guide"), renderExpositionList()); } return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 61, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#333] mb-8 font-crimson-text", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, "Museum Audio Guide"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-6 py-3 bg-[#007BFF] text-white rounded-md font-roboto", onClick: ()=>setCurrentPlatform('web'), __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "Web"), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-3 bg-[#007BFF] text-white rounded-md font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "iOS"), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-3 bg-[#007BFF] text-white rounded-md font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "Android"))); }