` }; setMessages((existingMessages)=>[ ...existingMessages, imageMessage ]); }); }).finally(()=>setLoading(false)); }; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center min-h-screen bg-gray-100 relative", __source: { fileName: "", lineNumber: 87, columnNumber: 5 }, __self: this }, loading && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-50 flex justify-center items-center", __source: { fileName: "", lineNumber: 88, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-pulse text-white text-4xl", __source: { fileName: "", lineNumber: 88, columnNumber: 109 }, __self: this })), /*#__PURE__*/ React.createElement(ChatBox, { messages: messages, sendMessage: sendMessage, __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this })); } function StoryComponent() { return /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 96, columnNumber: 5 }, __self: this }); }