function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-blue-600 p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-xl font-semibold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "MySNS"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search...", className: "p-2 rounded", name: "search", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-search text-white ml-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] bg-white p-4 rounded shadow", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "profile-pic.jpg", alt: "profile picture", className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "What's on your mind?", className: "ml-4 p-2 w-full rounded bg-gray-100", name: "status", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-600 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Post")))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px]", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "user1.jpg", alt: "user picture", className: "w-10 h-10 rounded-full", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold", __source: { fileName: "", lineNumber: 30, columnNumber: 17 }, __self: this }, "User One"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "5 mins ago"))), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-gray-800", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Had a great day at the beach!")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded shadow mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "user2.jpg", alt: "user picture", className: "w-10 h-10 rounded-full", __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, "User Two"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 text-sm", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "1 hour ago"))), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-gray-800", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Loving the new restaurant in town!"))))); }