function MainComponent() { const [messages, setMessages] = React.useState([ { text: "どういった画像をご希望ですか？", sender: "ai" }, { text: "風景の画像を生成してください。", sender: "user" } ]); const [input, setInput] = React.useState(""); const handleSend = ()=>{ if (input.trim()) { setMessages([ ...messages, { text: input, sender: "user" } ]); setInput(""); } }; const handleChange = (e)=>{ setInput(e.target.value); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-white flex flex-col", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-500 text-white p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-crimson-text text-2xl", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "第1事業本部人材リソース最大活用スキーム"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-2xl", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4 overflow-y-auto", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto block", htmlFor: "name", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "名前:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 rounded-lg border border-gray-300 font-roboto", type: "text", id: "name", name: "name", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto block", htmlFor: "email", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "メール:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 rounded-lg border border-gray-300 font-roboto", type: "email", id: "email", name: "email", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto block", htmlFor: "department", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "部門:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 rounded-lg border border-gray-300 font-roboto", type: "text", id: "department", name: "department", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto block", htmlFor: "position", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "役職:"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 rounded-lg border border-gray-300 font-roboto", type: "text", id: "position", name: "position", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white p-2 rounded-lg font-roboto hover:bg-green-600", type: "submit", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "送信")))); }