function BalieBikeHeader({ isLoggedIn = false, onLogout }) { const handlePricingClick = (e)=>{ e.preventDefault(); window.location.href = "/electric-bike-rental-pricing-page"; }; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-4 bg-[#F7F7F7]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-motorcycle text-2xl", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center ml-2", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "BalieBike"), /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-sm bg-gray-200 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "デモ版"))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/balie-bike-main", target: "_self", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg cursor-pointer", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("a", { href: "/howtouse", target: "_self", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg cursor-pointer", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "使い方")), /*#__PURE__*/ React.createElement("a", { href: "/faq-page", target: "_self", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg cursor-pointer", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "よくある質問")), /*#__PURE__*/ React.createElement("a", { href: "/electric-bike-rental-pricing-page", onClick: handlePricingClick, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg cursor-pointer", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "料金")), isLoggedIn ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("a", { href: "/my-booking", target: "_self", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg cursor-pointer", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "予約確認")), /*#__PURE__*/ React.createElement("a", { href: "/booking", target: "_self", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg cursor-pointer", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "予約する")), /*#__PURE__*/ React.createElement("button", { onClick: onLogout, className: "text-lg cursor-pointer", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "ログアウト")) : /*#__PURE__*/ React.createElement("a", { href: "/login-page", target: "_self", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-lg cursor-pointer", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "ログイン/サインアップ")))); } function BalieBikeHeaderStory() { const handleLogout = ()=>{ localStorage.removeItem("authToken"); document.location.reload(); }; return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "ログインしていない状態:"), /*#__PURE__*/ React.createElement(BalieBikeHeader, { isLoggedIn: false, __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, "ログインしている状態:"), /*#__PURE__*/ React.createElement(BalieBikeHeader, { isLoggedIn: true, onLogout: handleLogout, __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [name, setName] = React.useState(""); const [email, setEmail] = React.useState(""); const [password, setPassword] = React.useState(""); const [error, setError] = React.useState(""); const handleSignup = async (e)=>{ e.preventDefault(); setError(""); try { const response = await fetch("https://x8ki-letl-twmt.n7.xano.io/api:_Gji9OJB/auth/signup", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ name, email, password }) }); const data = await response.json(); if (response.ok) { localStorage.setItem("authToken", data.authToken); localStorage.setItem("userName", name); window.location.href = "/balibike-main"; } else { setError(data.message || "サインアップに失敗しました"); } } catch (err) { setError("エラーが発生しました"); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BalieBikeHeader, { __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col justify-center py-12 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mt-6 text-center text-3xl font-extrabold text-gray-900", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "アカウントを作成")), /*#__PURE__*/ React.createElement("div", { className: "mt-8 sm:mx-auto sm:w-full sm:max-w-md", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSignup, __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, "名前"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "name", name: "name", type: "text", required: true, className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm", value: name, onChange: (e)=>setName(e.target.value), __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "email", name: "email", type: "email", autoComplete: "email", required: true, className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 74, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 88, columnNumber: 17 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("div", { className: "mt-1", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", autoComplete: "new-password", required: true, className: "appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm", value: password, onChange: (e)=>setPassword(e.target.value), __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-600 text-sm", __source: { fileName: "", lineNumber: 108, columnNumber: 25 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500", __source: { fileName: "", lineNumber: 111, columnNumber: 17 }, __self: this }, "サインアップ"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full border-t border-gray-300", __source: { fileName: "", lineNumber: 123, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative flex justify-center text-sm", __source: { fileName: "", lineNumber: 125, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-2 bg-white text-gray-500", __source: { fileName: "", lineNumber: 126, columnNumber: 19 }, __self: this }, "既にアカウントをお持ちですか？"))), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/login-page", className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-indigo-600 bg-white hover:bg-gray-50", __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this }, "ログイン"))))))); }