function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen bg-[#121212]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[20%] bg-[#1E1E2E] text-white p-4 overflow-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-lg mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "会話履歴"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2B2B3A] p-2 rounded-lg font-roboto text-sm", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "天気の更新をしてください。"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2B2B3A] p-2 rounded-lg font-roboto text-sm", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "音楽を再生して。"))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E2E] p-4 font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "ChatGPTみたいなUI")), /*#__PURE__*/ React.createElement("div", { className: "flex-grow overflow-auto p-4 space-y-4 bg-[#121212]", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[60%] bg-[#333344] rounded-lg p-3 font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "こんにちは！今日はどのようにお手伝いしましょうか？")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[60%] bg-[#3C4E66] text-white rounded-lg p-3 font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "天気の更新を提供できますか？"))), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#1E1E2E]", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", placeholder: "メッセージをここに入力してください...", className: "w-full p-4 bg-[#2B2B3A] rounded-lg border border-gray-600 text-white font-roboto focus:outline-none focus:border-[#3C4E66]", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this })))); }