function MeetingManager({ title, meeting, onMeetingChange, onSpecifyMeeting }) { return /*#__PURE__*/ React.createElement("section", { id: "specifyMeeting", className: "py-20 bg-gray-100 rounded-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-center mb-12", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: meeting, onChange: (e)=>onMeetingChange(e.target.value), name: "meeting", className: "w-full p-3 border rounded-lg mb-4", placeholder: "会議を指定してください", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: onSpecifyMeeting, className: "bg-blue-500 text-white px-6 py-2 rounded-full font-semibold w-full", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "指定"))); } function MeetingManagerStory() { const [meeting, setMeeting] = React.useState(""); const handleSpecifyMeeting = ()=>{ alert(`Meeting specified: ${meeting}`); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MeetingManager, { title: "会議指定", meeting: meeting, onMeetingChange: setMeeting, onSpecifyMeeting: handleSpecifyMeeting, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this })); } function MainComponent() { const [meeting, setMeeting] = React.useState(""); const [agenda, setAgenda] = React.useState(""); const [minutes, setMinutes] = React.useState(""); const [result, setResult] = React.useState(""); const [topic, setTopic] = React.useState(""); const handleSpecifyMeeting = ()=>{ alert(`Meeting specified: ${meeting}`); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white text-gray-800 font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#121212] text-white p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "IT企業"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#services", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 19, columnNumber: 19 }, __self: this }, "サービス")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 20, columnNumber: 19 }, __self: this }, "会社案内")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "hover:text-gray-400", __source: { fileName: "", lineNumber: 21, columnNumber: 19 }, __self: this }, "お問い合わせ")))))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "hero", className: "flex flex-col items-center text-center py-20 bg-gradient-to-r from-blue-500 to-green-500 text-white rounded-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-bold mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "SESと受託開発のプロフェッショナル"), /*#__PURE__*/ React.createElement("p", { className: "text-xl mb-8", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "信頼できる技術力で、あなたのビジネスをサポートします。"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "bg-white text-blue-500 px-6 py-2 rounded-full font-semibold hover:bg-gray-200", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "お問い合わせ")), /*#__PURE__*/ React.createElement("section", { id: "registerTopic", className: "py-20", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-3xl font-bold text-center mb-12", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "議案の登録"), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: topic, onChange: (e)=>setTopic(e.target.value), name: "topic", className: "w-full p-3 border rounded-lg mb-4", placeholder: "議案を登録してください", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>alert(`Topic registered: ${topic}`), className: "bg-blue-500 text-white px-6 py-2 rounded-full font-semibold w-full", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "登録"))), /*#__PURE__*/ React.createElement(MeetingManager, { title: "会議指定", meeting: meeting, onMeetingChange: setMeeting, onSpecifyMeeting: handleSpecifyMeeting, __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("section", { id: "registerResult", className: "py-20 bg-gray-100 rounded-lg", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-3xl font-bold text-center mb-12", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "議案の結果登録"), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: result, onChange: (e)=>setResult(e.target.value), name: "result", className: "w-full p-3 border rounded-lg mb-4", rows: "5", placeholder: "議案の結果を入力してください", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>alert(`Result registered: ${result}`), className: "bg-blue-500 text-white px-6 py-2 rounded-full font-semibold w-full", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }, "登録"))), /*#__PURE__*/ React.createElement("section", { id: "sendMinutes", className: "py-20", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-3xl font-bold text-center mb-12", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "議事録の作成と送付"), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: minutes, onChange: (e)=>setMinutes(e.target.value), name: "minutes", className: "w-full p-3 border rounded-lg mb-4", rows: "5", placeholder: "議事録を入力してください", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>alert(`Minutes sent: ${minutes}`), className: "bg-blue-500 text-white px-6 py-2 rounded-full font-semibold w-full", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "送付"))), /*#__PURE__*/ React.createElement("section", { id: "sendAgenda", className: "py-20 bg-gray-100 rounded-lg", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-3xl font-bold text-center mb-12", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "アジェンダの作成と送付"), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: agenda, onChange: (e)=>setAgenda(e.target.value), name: "agenda", className: "w-full p-3 border rounded-lg mb-4", rows: "5", placeholder: "アジェンダを入力してください", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>alert(`Agenda sent: ${agenda}`), className: "bg-blue-500 text-white px-6 py-2 rounded-full font-semibold w-full", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, "送付")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#121212] text-white py-4", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 123, columnNumber: 11 }, __self: this }, "© 2023 IT企業. All rights reserved.")))); }