function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "p-4 m-4 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "username", className: "block text-sm font-bold text-gray-700", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", className: "w-full px-3 py-2 leading-tight text-gray-700 border rounded shadow appearance-none focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-bold text-gray-700", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", className: "w-full px-3 py-2 leading-tight text-gray-700 border rounded shadow appearance-none focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "profilePicture", className: "block text-sm font-bold text-gray-700", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Profile Picture"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "profilePicture", className: "w-full text-sm text-gray-700 border rounded cursor-pointer file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-semibold file:bg-violet-50 file:text-violet-700 hover:file:bg-violet-100", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full px-4 py-2 font-bold text-white bg-blue-500 rounded hover:bg-blue-700 focus:outline-none focus:shadow-outline", type: "submit", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Sign Up")), /*#__PURE__*/ React.createElement("div", { className: "px-5 py-24 mx-auto", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -m-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 lg:w-1/4 md:w-1/2", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex relative h-full bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { alt: "Uploader profile picture", className: "object-cover object-center w-10 h-10 rounded-full absolute z-10 right-2 top-2 cursor-pointer", src: "/path/to/profile.jpg", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("video", { onClick: ()=>{}, className: "absolute inset-0 object-cover object-center w-full h-full rounded-lg cursor-pointer", src: "/path/to/video.mp4", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-8 py-10 relative z-10 w-full border-4 border-gray-200 bg-white opacity-0", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mt-2 text-lg font-medium text-gray-900", __source: { fileName: "", lineNumber: 26, columnNumber: 17 }, __self: this }, "Video Title - Uploader Name"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 27, columnNumber: 17 }, __self: this }, "Uploaded on: Date"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "View count: XYZ"))))))); }