function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#f0f2f5]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex items-center px-4 py-2 shadow-md bg-white", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars mr-4 text-[#1877F2]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl text-[#1877F2]", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "دردشة"), /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "rounded-full px-3 py-1 border w-[200px] focus:outline-none", placeholder: "بحث", name: "search", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search text-gray-500 absolute right-3 top-1/2 transform -translate-y-1/2", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-[300px] px-2 bg-white border-r border-gray-300", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "py-4 px-3 border-b border-gray-300", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "font-semibold text-lg text-[#1877F2] py-1 px-4 bg-[#E7F3FF] rounded-full", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "+ إنشاء")), /*#__PURE__*/ React.createElement("ul", { className: "overflow-y-scroll h-[calc(100vh-170px)]", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex flex-col", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow overflow-y-scroll p-4", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-2 bg-white border-t border-gray-300", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "flex items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "flex-grow rounded-full px-4 py-2 border focus:outline-none", placeholder: "اكتب رسالة...", name: "message", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-[50px] h-[50px] rounded-full bg-[#1877F2] ml-2 flex items-center justify-center text-white", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "لعبة شطرنج"))))))); }