function MainComponent() { const inputClass = "border rounded p-2 w-full"; const containerClass = "flex flex-col items-center p-4 space-y-6"; const [location, setLocation] = React.useState({ lat: null, lng: null }); const handleLogin = ()=>{ // Assume a function that handles Google Login }; const handleGetCurrentLocation = ()=>{ if (navigator.geolocation) { navigator.geolocation.getCurrentPosition((position)=>{ setLocation({ lat: position.coords.latitude, lng: position.coords.longitude }); }); } }; const mapSrc = location.lat && location.lng ? `https://www.google.com/maps/embed/v1/view?key=YOUR_API_KEY¢er=${location.lat},${location.lng}&zoom=14` : "https://www.google.com/maps/embed"; return /*#__PURE__*/ React.createElement("div", { className: containerClass, __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleLogin, className: "bg-blue-500 text-white p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "Googleアカウントでログイン"), /*#__PURE__*/ React.createElement("button", { onClick: handleGetCurrentLocation, className: "bg-green-500 text-white p-3 rounded font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, "現在地を取得"), /*#__PURE__*/ React.createElement("div", { className: "w-[300px] h-[300px] relative", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: mapSrc, className: "w-full h-full border-0", allowFullScreen: "", loading: "lazy", title: "現在地のGoogleマップ", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "おすすめのレストラン"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "restaurant1.jpg", alt: "レストラン1の写真", className: "w-[60px] h-[60px] rounded-full", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "レストラン1")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "restaurant2.jpg", alt: "レストラン2の写真", className: "w-[60px] h-[60px] rounded-full", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "レストラン2")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "restaurant3.jpg", alt: "レストラン3の写真", className: "w-[60px] h-[60px] rounded-full", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "レストラン3"))))); }