function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto py-8 px-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex items-center justify-between mb-10", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-blue-500", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-feather-alt text-blue-500", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "profile-placeholder.png", alt: "User's profile characterizing their personal avatar", className: "w-[50px] h-[50px] rounded-full", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "What's happening?", name: "postContent", className: "flex-1 p-4 text-sm border border-gray-300 rounded-full outline-none focus:border-blue-500", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "profile-placeholder.png", alt: "Another user's profile representing their avatar", className: "w-[40px] h-[40px] rounded-full", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-sm font-semibold", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Username ", /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 21, columnNumber: 61 }, __self: this }, "@userhandle · 1h")), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "This is the text of a tweet. It shows a user's thought or update, potentially spanning multiple lines for more extensive sharing."), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 text-gray-500 text-xs mt-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-comment", __source: { fileName: "", lineNumber: 24, columnNumber: 21 }, __self: this }), " 3"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-retweet", __source: { fileName: "", lineNumber: 25, columnNumber: 21 }, __self: this }), " 2"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-heart", __source: { fileName: "", lineNumber: 26, columnNumber: 21 }, __self: this }), " 5"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-share-square", __source: { fileName: "", lineNumber: 27, columnNumber: 21 }, __self: this }))))))); }