function NewComponent({ title, btnText, forms, handleChange, handleSubmit, submitBtnText, profileSection }) { return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 bg-black text-[#ffffff]", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text text-center mb-8", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around mb-8", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, btnText.map((text, index)=>/*#__PURE__*/ React.createElement("button", { key: index, className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, text))), forms.map((form, index)=>/*#__PURE__*/ React.createElement("form", { key: index, className: "bg-[#121212] text-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-6", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, form.title), form.fields.map((field, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: "mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: field.id, __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, field.label), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: field.id, type: field.type, placeholder: field.placeholder, name: field.name, value: field.value, onChange: handleChange, __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-white hover:bg-gray-300 text-black font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "submit", name: "submit", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, submitBtnText)))), profileSection && profileSection()); } function NewComponentStory() { const [ideas, setIdeas] = React.useState([]); const [formData, setFormData] = React.useState({ email: '', password: '', studentID: '' }); const [profileData, setProfileData] = React.useState({ nickname: '', schoolYear: '', region: '', businessVision: '', phase: '' }); const handleChange = (e)=>{ const { name, value } = e.target; setFormData({ ...formData, [name]: value }); }; const handleProfileChange = (e)=>{ const { name, value } = e.target; setProfileData({ ...profileData, [name]: value }); }; const handleSubmit = (e)=>{ e.preventDefault(); setIdeas([ ...ideas, formData ]); setFormData({ email: '', password: '', studentID: '' }); }; const handleProfileSubmit = (e)=>{ e.preventDefault(); setIdeas([ ...ideas, profileData ]); setProfileData({ nickname: '', schoolYear: '', region: '', businessVision: '', phase: '' }); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { title: "LeaP UP! プラットフォーム", btnText: [ "登録ページ", "検索ページ" ], forms: [ { title: "アカウント登録", fields: [ { id: "email", label: "メールアドレス", type: "email", placeholder: "メールアドレスを入力してください", name: "email", value: formData.email }, { id: "password", label: "パスワード", type: "password", placeholder: "パスワードを入力してください", name: "password", value: formData.password }, { id: "studentID", label: "学生証", type: "text", placeholder: "学生証を入力してください", name: "studentID", value: formData.studentID } ] } ], handleChange: handleChange, handleSubmit: handleSubmit, submitBtnText: "登録", profileSection: ()=>/*#__PURE__*/ React.createElement("form", { className: "bg-[#121212] text-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: handleProfileSubmit, __source: { fileName: "", lineNumber: 117, columnNumber: 11 } }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-6", __source: { fileName: "", lineNumber: 118, columnNumber: 13 } }, "マイページ登録"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 119, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "nickname", __source: { fileName: "", lineNumber: 120, columnNumber: 15 } }, "ニックネーム"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "nickname", type: "text", placeholder: "ニックネームを入力してください", name: "nickname", value: profileData.nickname, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 121, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 131, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "schoolYear", __source: { fileName: "", lineNumber: 132, columnNumber: 15 } }, "学年"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "schoolYear", type: "text", placeholder: "学年を入力してください", name: "schoolYear", value: profileData.schoolYear, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 133, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 143, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "region", __source: { fileName: "", lineNumber: 144, columnNumber: 15 } }, "地域（都道府県）"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "region", type: "text", placeholder: "地域を入力してください", name: "region", value: profileData.region, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 145, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 155, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "businessVision", __source: { fileName: "", lineNumber: 156, columnNumber: 15 } }, "事業ビジョン"), /*#__PURE__*/ React.createElement("textarea", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "businessVision", placeholder: "事業ビジョンを入力してください", name: "businessVision", value: profileData.businessVision, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 157, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 166, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "phase", __source: { fileName: "", lineNumber: 167, columnNumber: 15 } }, "フェーズ"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "phase", type: "text", placeholder: "フェーズを入力してください", name: "phase", value: profileData.phase, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 168, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 178, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("button", { className: "bg-white hover:bg-gray-300 text-black font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "submit", name: "profileSubmit", __source: { fileName: "", lineNumber: 179, columnNumber: 15 } }, "プロフィール登録"))), __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 190, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this }, "最新の事業案"), ideas.map((idea, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#1a1a1a] text-white p-6 rounded shadow-md mb-4", __source: { fileName: "", lineNumber: 193, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 194, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 194, columnNumber: 16 }, __self: this }, idea.email || idea.nickname, ":"), " ", idea.businessVision || idea.studentID))))); } function PageSearchButton({ text }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-white text-black font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, text); } function PageSearchButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PageSearchButton, { text: "検索ページ", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { const [ideas, setIdeas] = React.useState([]); const [formData, setFormData] = React.useState({ email: '', password: '', studentID: '' }); const [profileData, setProfileData] = React.useState({ nickname: '', schoolYear: '', region: '', businessVision: '', phase: '' }); const handleChange = (e)=>{ const { name, value } = e.target; setFormData({ ...formData, [name]: value }); }; const handleProfileChange = (e)=>{ const { name, value } = e.target; setProfileData({ ...profileData, [name]: value }); }; const handleSubmit = (e)=>{ e.preventDefault(); setIdeas([ ...ideas, formData ]); setFormData({ email: '', password: '', studentID: '' }); }; const handleProfileSubmit = (e)=>{ e.preventDefault(); setIdeas([ ...ideas, profileData ]); setProfileData({ nickname: '', schoolYear: '', region: '', businessVision: '', phase: '' }); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col justify-center items-center bg-[#1a1a1a] text-[#ffffff]", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, "LeaP UP! プラットフォーム"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto mb-8", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "学生のためのビジネスアイデア投稿プラットフォーム"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(PageSearchButton, { text: "登録ページ", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(PageSearchButton, { text: "検索ページ", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement(NewComponent, { title: "アカウント登録", btnText: [], forms: [ { title: "", fields: [ { id: "email", label: "メールアドレス", type: "email", placeholder: "メールアドレスを入力してください", name: "email", value: formData.email }, { id: "password", label: "パスワード", type: "password", placeholder: "パスワードを入力してください", name: "password", value: formData.password }, { id: "studentID", label: "学生証", type: "text", placeholder: "学生証を入力してください", name: "studentID", value: formData.studentID } ] } ], handleChange: handleChange, handleSubmit: handleSubmit, submitBtnText: "学生ログイン", profileSection: null, __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { title: "マイページ登録", btnText: [], forms: [], handleChange: handleProfileChange, handleSubmit: handleProfileSubmit, submitBtnText: "", profileSection: ()=>/*#__PURE__*/ React.createElement("form", { className: "bg-[#121212] text-white shadow-md rounded px-8 pt-6 pb-8 mb-4", onSubmit: handleProfileSubmit, __source: { fileName: "", lineNumber: 80, columnNumber: 11 } }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "nickname", __source: { fileName: "", lineNumber: 82, columnNumber: 15 } }, "ニックネーム"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "nickname", type: "text", placeholder: "ニックネームを入力してください", name: "nickname", value: profileData.nickname, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 83, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "schoolYear", __source: { fileName: "", lineNumber: 94, columnNumber: 15 } }, "学年"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "schoolYear", type: "text", placeholder: "学年を入力してください", name: "schoolYear", value: profileData.schoolYear, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 95, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 105, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "region", __source: { fileName: "", lineNumber: 106, columnNumber: 15 } }, "地域（都道府県）"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "region", type: "text", placeholder: "地域を入力してください", name: "region", value: profileData.region, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 107, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 117, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "businessVision", __source: { fileName: "", lineNumber: 118, columnNumber: 15 } }, "事業ビジョン"), /*#__PURE__*/ React.createElement("textarea", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "businessVision", placeholder: "事業ビジョンを入力してください", name: "businessVision", value: profileData.businessVision, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 119, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 128, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("label", { className: "block text-white text-sm font-bold mb-2", htmlFor: "phase", __source: { fileName: "", lineNumber: 129, columnNumber: 15 } }, "フェーズ"), /*#__PURE__*/ React.createElement("input", { className: "shadow appearance-none border rounded w-full py-2 px-3 text-black leading-tight focus:outline-none focus:shadow-outline", id: "phase", type: "text", placeholder: "フェーズを入力してください", name: "phase", value: profileData.phase, onChange: handleProfileChange, __source: { fileName: "", lineNumber: 130, columnNumber: 15 } })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 140, columnNumber: 13 } }, /*#__PURE__*/ React.createElement("button", { className: "bg-white hover:bg-gray-300 text-black font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "submit", name: "profileSubmit", __source: { fileName: "", lineNumber: 141, columnNumber: 15 } }, "プロフィール登録"))), __source: { fileName: "", lineNumber: 72, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8 container mx-auto p-4 bg-[#1a1a1a] text-white rounded", __source: { fileName: "", lineNumber: 152, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 153, columnNumber: 9 }, __self: this }, "最新の事業案"), ideas.map((idea, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#1a1a1a] text-white p-6 rounded shadow-md mb-4", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 156, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 156, columnNumber: 16 }, __self: this }, idea.email || idea.nickname, ":"), " ", idea.businessVision || idea.studentID))))); }