function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#15202B] text-white", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 border-b border-[#383838]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold font-crimson-text", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "X"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[40px] h-[40px] bg-[#1DA1F2] rounded-full flex justify-center items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-white", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-[40px] h-[40px] bg-[#1DA1F2] rounded-full flex justify-center items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bell text-white", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-[40px] h-[40px] bg-[#1DA1F2] rounded-full flex justify-center items-center", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-white", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#192734] p-4 rounded-lg space-y-4", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path-to-profile.jpg", alt: "Profile picture", className: "w-[50px] h-[50px] rounded-full", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "postContent", className: "bg-transparent text-white font-crimson-text w-full h-[80px] outline-none resize-none", placeholder: "What's happening?", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 text-[#1DA1F2]", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-image", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-bar", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-smile", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1DA1F2] text-white font-bold py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Tweet"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#192734] p-4 rounded-lg", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path-to-profile.jpg", alt: "Profile picture", className: "w-[50px] h-[50px] rounded-full", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "User Name"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#8899A6]", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, "@username"))), /*#__PURE__*/ React.createElement("p", { className: "mt-4 font-crimson-text", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "This is a sample tweet text to illustrate the content."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-[#1DA1F2] mt-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-retweet", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-share", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this })))))); }