function AiCommunityRegistration({ title, description, formTitle, handleSubmit, rules }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-roboto mt-8 mb-4 text-[#2c3e50]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto mb-8 text-[#34495e]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] bg-white p-6 rounded-lg shadow-md", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-4 text-[#2c3e50]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, formTitle), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto mb-2", htmlFor: "name", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "名前"), /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", className: "w-full px-3 py-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-roboto mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "メール"), /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", className: "w-full px-3 py-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#3498db] text-white py-2 rounded-md font-roboto hover:bg-[#2980b9]", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "登録"))), /*#__PURE__*/ React.createElement("div", { className: "mt-12", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-4 text-[#2c3e50]", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "コミュニティの規則"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside text-lg font-roboto text-[#34495e]", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, rules.map((rule, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, rule))))); } function AiCommunityRegistrationStory() { const handleSubmit = (e)=>{ e.preventDefault(); alert('Form submitted'); }; const rules = [ '敬意を持ってコミュニケーションすること', 'ポジティブなコメントを心がけること', '他人の意見を尊重すること' ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiCommunityRegistration, { title: "AI朝活コミュニティ", description: "AIを使って朝活をもっと充実させましょう！", formTitle: "メンバー登録", handleSubmit: handleSubmit, rules: rules, __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); alert("メンバー登録が完了しました！"); }; const rules = [ '敬意を持ってコミュニケーションすること', 'ポジティブなコメントを心がけること', '他人の意見を尊重すること' ]; return /*#__PURE__*/ React.createElement(AiCommunityRegistration, { title: "AI朝活コミュニティ", description: "AIを使って朝活をもっと充実させましょう！", formTitle: "メンバー登録", handleSubmit: handleSubmit, rules: rules, __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }); }