function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white text-black font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-500 p-4 text-white font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Social Media")), /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "w-[200px] h-screen bg-blue-600 p-4 text-white", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/twitter-style-social-network", className: "hover:text-gold", __source: { fileName: "", lineNumber: 10, columnNumber: 34 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { target: "_self", href: "/profile-page", className: "hover:text-gold", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "Profile")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "new-post", className: "w-full p-2 border border-black", placeholder: "What's on your mind?", maxLength: "500", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "post-image", className: "mt-2", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-blue-500 text-white p-2", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "Post")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 border border-gray-300 mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/profile.jpg", alt: "User profile", className: "w-[50px] h-[50px] rounded-full mr-2", __source: { fileName: "", lineNumber: 23, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, "User Name")), /*#__PURE__*/ React.createElement("button", { className: "text-red-500", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Delete")), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "This is a sample post."), /*#__PURE__*/ React.createElement("img", { src: "/path/to/image.jpg", alt: "Post image", className: "mt-2 max-w-full", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, ` .hover\\:text-gold:hover { color: #FFD700; } `)); } function ProfilePage() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white text-black font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-500 p-4 text-white font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "User Profile")), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "profile-picture", className: "mt-2", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "file", name: "header-picture", className: "mt-2", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 p-4 border border-gray-300 mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/profile.jpg", alt: "User profile", className: "w-[50px] h-[50px] rounded-full mr-2", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "User Name")), /*#__PURE__*/ React.createElement("button", { className: "text-red-500", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Delete")), /*#__PURE__*/ React.createElement("p", { className: "mt-2", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "This is a sample post."), /*#__PURE__*/ React.createElement("img", { src: "/path/to/image.jpg", alt: "Post image", className: "mt-2 max-w-full", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, ` .hover\\:text-gold:hover { color: #FFD700; } `)); }