function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#4CAF50] p-4 text-white", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Header"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "order-last md:order-first bg-gray-50 p-4 space-y-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center bg-gray-200 p-2 rounded", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-heart", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "598")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center bg-gray-200 p-2 rounded", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-eye", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "556"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around p-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-facebook-square text-[#3b5998]", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-twitter-square text-[#1DA1F2]", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fa fa-linkedin-square text-[#0077B5]", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2 p-4 space-y-4", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-200 p-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Notification bar"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Title"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Content text here..."))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 space-y-4", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "Sidebar content"))); }