function MainComponent({ toolType, imagePath, videoPath, description, timelineData }) { const renderToolContent = ()=>{ switch(toolType){ case 'virtualTour': return /*#__PURE__*/ React.createElement("img", { src: imagePath, alt: "Interactive virtual tour of archaeological site", className: "w-full h-auto rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }); case 'timeline': return /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, timelineData.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "font-roboto text-md text-[#666]", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, item))); case 'multimedia': return /*#__PURE__*/ React.createElement("video", { src: videoPath, controls: true, className: "w-full h-auto rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }); default: return /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-md text-[#666]", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Select a tool to preview"); } }; return /*#__PURE__*/ React.createElement("div", { className: "p-5 md:flex md:space-x-4 bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "md:w-1/4 bg-[#ffffff] p-4 shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Tool Description"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-md text-[#666]", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, description || "No description provided")), /*#__PURE__*/ React.createElement("section", { className: "md:w-3/4", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, renderToolContent()))); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { toolType: "virtualTour", imagePath: "./images/virtual-tour.jpg", description: "Explore the ancient ruins from the comfort of your home through a virtual tour.", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { toolType: "timeline", timelineData: [ "5000 BC - Settlement Established", "3200 BC - Construction of Monumental Structures", "1200 BC - Site Abandoned Due to Natural Disaster" ], description: "Interactive timeline showcasing the key events in the history of the archaeological site.", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { toolType: "multimedia", videoPath: "./videos/discovery-documentary.mp4", description: "A multimedia presentation highlighting significant archaeological discoveries.", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this })); }