/*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-full bg-gray-200", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex items-center justify-between p-4 bg-white shadow-md", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Chatbot Chatgpt"), /*#__PURE__*/ React.createElement("i", { className: "far fa-smile text-xl", style: { position: 'absolute', top: '0', left: '0', transform: 'translate(-50%, -50%)', pointerEvents: 'none' }, __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4 bg-white", __source: { fileName: "", lineNumber: 6, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-full border", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "The message is sent and the bot responds.. привет")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center p-2 border-t", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "flex-1 mr-2 py-1 px-2 border rounded", placeholder: "Type your message...", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-600 py-1 px-2 text-white rounded", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-paper-plane", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }))))));