function MainComponent() { const chatTitle = "Chat UI"; const messages = [ { text: "Hello, welcome to the chat!", isOwn: false }, { text: "I'm glad to be here. Let's chat!", isOwn: true } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5] p-4", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg max-w-[600px] mx-auto", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b-2 p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, chatTitle)), /*#__PURE__*/ React.createElement("div", { className: "p-4 max-h-[500px] overflow-y-auto", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex my-2 ${message.isOwn ? "justify-end" : ""}`, __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `p-2 ${message.isOwn ? "bg-[#dcf8c6]" : "bg-[#e4e6eb]"} rounded-lg max-w-[70%]`, __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, message.text)))), /*#__PURE__*/ React.createElement("form", { className: "flex p-4 bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "flex-1 p-2 border rounded-lg mr-2", placeholder: "Type a message...", disabled: false, name: "message", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#0084ff] text-white px-4 py-2 rounded-lg border-2 border-[#0084ff]", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Send")))); }