function TravelPlanMap({ mapSrc }) { return /*#__PURE__*/ React.createElement("div", { id: "map", className: "w-full h-[400px] mt-6 bg-[#e0e0e0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, mapSrc && /*#__PURE__*/ React.createElement("iframe", { src: mapSrc, width: "100%", height: "100%", style: { border: 0 }, allowFullScreen: "", loading: "lazy", __source: { fileName: "", lineNumber: 4, columnNumber: 18 }, __self: this })); } function TravelPlanMapStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TravelPlanMap, { mapSrc: "https://www.example.com/map", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TravelPlanMap, { __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function MainComponent() { const [mapSrc, setMapSrc] = React.useState(""); const handleVoiceInput = async ()=>{ const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)(); recognition.lang = 'ja-JP'; recognition.start(); recognition.onresult = async (event)=>{ const voiceInput = event.results[0][0].transcript; if (voiceInput.includes("旅行")) { setMapSrc("https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3240.818579648376!2d139.70039211525832!3d35.68963438019251!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188c2058f676a3%3A0x2b2c00c32a94e2e1!2sShibuya%20Station!5e0!3m2!1sen!2sjp!4v1655099632609!5m2!1sen!2sjp"); // Sample Map URL } }; }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-6 text-[#333] font-crimson-text", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "旅仙人"), /*#__PURE__*/ React.createElement("img", { src: "./elderly-man.jpg", alt: "Elderly man with grey hair and glasses", className: "w-[200px] h-[200px] mb-6 rounded-full shadow-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleVoiceInput, className: "bg-[#007bff] text-white p-4 rounded-full shadow-lg", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-microphone", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement(TravelPlanMap, { mapSrc: mapSrc, __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this })); }