function LifebookMakerUiDesign({ isLoggedIn, currentStep, autobiographyData, onLogin, onLogout, onQuestionSubmit, onEdit, onGenerate }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#F8F8F8] py-6 flex flex-col justify-center sm:py-12", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative py-3 sm:max-w-xl sm:mx-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-[#4A90E2] to-[#4A90E2] shadow-lg transform -skew-y-6 sm:skew-y-0 sm:-rotate-6 sm:rounded-3xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative px-4 py-10 bg-white shadow-lg sm:rounded-3xl sm:p-20", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-8 text-base leading-6 space-y-4 text-gray-700 sm:text-lg sm:leading-7", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-extrabold font-noto-sans-jp text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "自動自伝生成アプリ"), !isLoggedIn && currentStep === 'login' && /*#__PURE__*/ React.createElement("form", { onSubmit: onLogin, className: "space-y-4", __source: { fileName: "", lineNumber: 12, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 14, columnNumber: 23 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-[#4A90E2] focus:ring focus:ring-[#4A90E2] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 15, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 17, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 18, columnNumber: 23 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", id: "password", required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-[#4A90E2] focus:ring focus:ring-[#4A90E2] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 19, columnNumber: 23 }, __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-[#F5A623] hover:bg-[#F5A623] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#F5A623]", __source: { fileName: "", lineNumber: 21, columnNumber: 21 }, __self: this }, "ログイン")), isLoggedIn && currentStep === 'questions' && /*#__PURE__*/ React.createElement("form", { onSubmit: onQuestionSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 25, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "childhood", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 27, columnNumber: 23 }, __self: this }, "幼少期について教えてください"), /*#__PURE__*/ React.createElement("textarea", { name: "childhood", id: "childhood", rows: "3", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-[#4A90E2] focus:ring focus:ring-[#4A90E2] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 28, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 30, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "education", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 31, columnNumber: 23 }, __self: this }, "教育についてどのような経験がありますか？"), /*#__PURE__*/ React.createElement("textarea", { name: "education", id: "education", rows: "3", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-[#4A90E2] focus:ring focus:ring-[#4A90E2] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 32, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "career", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 35, columnNumber: 23 }, __self: this }, "キャリアについて教えてください"), /*#__PURE__*/ React.createElement("textarea", { name: "career", id: "career", rows: "3", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-[#4A90E2] focus:ring focus:ring-[#4A90E2] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 36, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "relationships", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 39, columnNumber: 23 }, __self: this }, "人間関係について教えてください"), /*#__PURE__*/ React.createElement("textarea", { name: "relationships", id: "relationships", rows: "3", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-[#4A90E2] focus:ring focus:ring-[#4A90E2] focus:ring-opacity-50", __source: { fileName: "", lineNumber: 40, columnNumber: 23 }, __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-[#F5A623] hover:bg-[#F5A623] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#F5A623]", __source: { fileName: "", lineNumber: 42, columnNumber: 21 }, __self: this }, "自伝を生成")), isLoggedIn && currentStep === 'preview' && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 46, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 47, columnNumber: 21 }, __self: this }, "自伝プレビュー"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 48, columnNumber: 21 }, __self: this }, autobiographyData.childhood), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 49, columnNumber: 21 }, __self: this }, autobiographyData.education), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 50, columnNumber: 21 }, __self: this }, autobiographyData.career), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 51, columnNumber: 21 }, __self: this }, autobiographyData.relationships), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 52, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onEdit, className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-yellow-600 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 53, columnNumber: 23 }, __self: this }, "編集"), /*#__PURE__*/ React.createElement("button", { onClick: onGenerate, className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500", __source: { fileName: "", lineNumber: 54, columnNumber: 23 }, __self: this }, "確定"))), isLoggedIn && currentStep === 'output' && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 59, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-noto-sans-jp", __source: { fileName: "", lineNumber: 60, columnNumber: 21 }, __self: this }, "自伝出力"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 61, columnNumber: 21 }, __self: this }, "自伝が生成されました！"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 62, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 63, columnNumber: 23 }, __self: this }, "PDF出力"), /*#__PURE__*/ React.createElement("button", { className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500", __source: { fileName: "", lineNumber: 64, columnNumber: 23 }, __self: this }, "共有"))), isLoggedIn && /*#__PURE__*/ React.createElement("button", { onClick: onLogout, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }, "ログアウト"))))))); } function LifebookMakerUiDesignStory() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [currentStep, setCurrentStep] = React.useState('login'); const [autobiographyData, setAutobiographyData] = React.useState({}); const handleLogin = (e)=>{ e.preventDefault(); setIsLoggedIn(true); setCurrentStep('questions'); }; const handleLogout = ()=>{ setIsLoggedIn(false); setCurrentStep('login'); setAutobiographyData({}); }; const handleQuestionSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const answers = Object.fromEntries(formData); setAutobiographyData((prevData)=>({ ...prevData, ...answers })); setCurrentStep('preview'); }; const handleEdit = ()=>{ setCurrentStep('questions'); }; const handleGenerate = ()=>{ setCurrentStep('output'); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 114, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LifebookMakerUiDesign, { isLoggedIn: isLoggedIn, currentStep: currentStep, autobiographyData: autobiographyData, onLogin: handleLogin, onLogout: handleLogout, onQuestionSubmit: handleQuestionSubmit, onEdit: handleEdit, onGenerate: handleGenerate, __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [currentStep, setCurrentStep] = React.useState('login'); const [autobiographyData, setAutobiographyData] = React.useState({}); const handleLogin = (e)=>{ e.preventDefault(); setIsLoggedIn(true); setCurrentStep('questions'); }; const handleLogout = ()=>{ setIsLoggedIn(false); setCurrentStep('login'); setAutobiographyData({}); }; const handleQuestionSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const answers = Object.fromEntries(formData); setAutobiographyData((prevData)=>({ ...prevData, ...answers })); setCurrentStep('preview'); }; const handleEdit = ()=>{ setCurrentStep('questions'); }; const handleGenerate = ()=>{ setCurrentStep('output'); }; const handleRegister = (e)=>{ e.preventDefault(); setCurrentStep('login'); }; const handleProfileEdit = ()=>{ console.log('Edit Profile'); }; const addSection = (sectionName)=>{ setAutobiographyData((prevData)=>({ ...prevData, [sectionName]: '' })); }; const removeSection = (sectionName)=>{ let modifiedData = { ...autobiographyData }; delete modifiedData[sectionName]; setAutobiographyData(modifiedData); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-6 flex flex-col justify-center sm:py-12", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative py-3 sm:max-w-xl sm:mx-auto", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-cyan-400 to-light-blue-500 shadow-lg transform -skew-y-6 sm:skew-y-0 sm:-rotate-6 sm:rounded-3xl", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative px-4 py-10 bg-white shadow-lg sm:rounded-3xl sm:p-20", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "divide-y divide-gray-200", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-8 text-base leading-6 space-y-4 text-gray-700 sm:text-lg sm:leading-7", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-extrabold text-center", __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "自動自伝生成アプリ"), !isLoggedIn && currentStep === 'register' && /*#__PURE__*/ React.createElement("form", { onSubmit: handleRegister, className: "space-y-4", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 68, columnNumber: 23 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 69, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 72, columnNumber: 23 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", id: "password", required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 73, columnNumber: 23 }, __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: 75, columnNumber: 21 }, __self: this }, "新規登録")), !isLoggedIn && currentStep === 'login' && /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "space-y-4", __source: { fileName: "", lineNumber: 79, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 81, columnNumber: 23 }, __self: this }, "メールアドレス"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 82, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 84, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 85, columnNumber: 23 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", id: "password", required: true, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 86, columnNumber: 23 }, __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: 88, columnNumber: 21 }, __self: this }, "ログイン")), isLoggedIn && currentStep === 'questions' && /*#__PURE__*/ React.createElement("form", { onSubmit: handleQuestionSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 93, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "childhood", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 94, columnNumber: 23 }, __self: this }, "幼少期について教えてください"), /*#__PURE__*/ React.createElement("textarea", { name: "childhood", id: "childhood", rows: "3", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 95, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "education", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 98, columnNumber: 23 }, __self: this }, "教育についてどのような経験がありますか？"), /*#__PURE__*/ React.createElement("textarea", { name: "education", id: "education", rows: "3", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 99, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "career", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 102, columnNumber: 23 }, __self: this }, "キャリアについて教えてください"), /*#__PURE__*/ React.createElement("textarea", { name: "career", id: "career", rows: "3", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 103, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 105, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "relationships", className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 106, columnNumber: 23 }, __self: this }, "人間関係について教えてください"), /*#__PURE__*/ React.createElement("textarea", { name: "relationships", id: "relationships", rows: "3", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50", __source: { fileName: "", lineNumber: 107, columnNumber: 23 }, __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: 109, columnNumber: 21 }, __self: this }, "自伝を生成")), isLoggedIn && currentStep === 'preview' && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 113, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 114, columnNumber: 21 }, __self: this }, "自伝プレビュー"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 115, columnNumber: 21 }, __self: this }, autobiographyData.childhood), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 116, columnNumber: 21 }, __self: this }, autobiographyData.education), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 117, columnNumber: 21 }, __self: this }, autobiographyData.career), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }, autobiographyData.relationships), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleEdit, className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-yellow-600 hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-yellow-500", __source: { fileName: "", lineNumber: 120, columnNumber: 23 }, __self: this }, "編集"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>addSection('newSection'), className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500", __source: { fileName: "", lineNumber: 121, columnNumber: 23 }, __self: this }, "セクション追加"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>removeSection('relationships'), className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500", __source: { fileName: "", lineNumber: 122, columnNumber: 23 }, __self: this }, "関係削除"), /*#__PURE__*/ React.createElement("button", { onClick: handleGenerate, className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500", __source: { fileName: "", lineNumber: 123, columnNumber: 23 }, __self: this }, "確定"))), isLoggedIn && currentStep === 'output' && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 128, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 129, columnNumber: 21 }, __self: this }, "自伝出力"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 130, columnNumber: 21 }, __self: this }, "自伝が生成されました！"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 131, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 132, columnNumber: 23 }, __self: this }, "PDF出力"), /*#__PURE__*/ React.createElement("button", { className: "flex-1 py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500", __source: { fileName: "", lineNumber: 133, columnNumber: 23 }, __self: this }, "共有"))), isLoggedIn && /*#__PURE__*/ React.createElement("button", { onClick: handleProfileEdit, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500", __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }, "プロフィール編集"), isLoggedIn && /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500", __source: { fileName: "", lineNumber: 141, columnNumber: 19 }, __self: this }, "ログアウト")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 148, columnNumber: 7 }, __self: this }, ` @media (max-width: 640px) { .sm\\:p-20 { padding: 1.25rem; } } `)); }