function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#F0F2F5] px-4 py-2 flex justify-between items-center border-b border-[#D8DADF]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./instagram_icon.png", alt: "Instagram logo", className: "w-8 h-8", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-xl text-[#262626]", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "PhotoShare")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "search", type: "search", placeholder: "Search PhotoShare", className: "px-4 py-1 rounded bg-[#FAFAFA] border border-[#DBDBDB] focus:ring-2 focus:ring-[#A2A2A2] text-sm", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#0095F6] text-white px-4 py-1 rounded text-sm", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Share"))), /*#__PURE__*/ React.createElement("main", { className: "flex justify-center pt-4 pb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl mx-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FAFAFA] rounded-md border border-[#DBDBDB] mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b px-4 py-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#262626]", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "Latest")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "postText", placeholder: "What's on your mind?", className: "w-full h-28 p-4 border rounded bg-white resize-none", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#0095F6] text-white px-4 py-1 rounded float-right mt-2 text-sm", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Share"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-md border border-[#DBDBDB] p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./user_photo1.jpg", alt: "Profile photo of John Doe", className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-[#262626]", __source: { fileName: "", lineNumber: 43, columnNumber: 19 }, __self: this }, "John Doe"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#8E8E8E]", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }, "@john_doe"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-[#262626]", __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-md border border-[#DBDBDB] p-4", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./user_photo2.jpg", alt: "Profile photo of Jane Smith", className: "w-12 h-12 rounded-full", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-[#262626]", __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }, "Jane Smith"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#8E8E8E]", __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }, "@jane_smith"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-[#262626]", __source: { fileName: "", lineNumber: 55, columnNumber: 19 }, __self: this }, "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.")))))))); }