function MainComponent() { const handleLogin = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-black", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-10 rounded-lg bg-gray-800 text-white", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "space-y-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "username", className: "block text-sm font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { id: "username", name: "username", type: "text", autoComplete: "username", required: true, className: "mt-1 p-3 w-full bg-gray-700 border-none rounded-md shadow-sm text-white", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", autoComplete: "current-password", required: true, className: "mt-1 p-3 w-full bg-gray-700 border-none rounded-md shadow-sm text-white", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xs text-gray-400 hover:text-gray-300", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Forgot password?"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-xs text-gray-400 hover:text-gray-300", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Sign up")), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 mt-4 bg-blue-600 rounded-md font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Log in")))); } function MainPage() { return /*#__PURE__*/ React.createElement("div", { className: "bg-black min-h-screen flex items-center justify-center", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[calc(100vh*6/19)] max-w-full", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-roboto mb-2", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "Video Title - A Compelling Story"), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("video", { style: { aspectRatio: '6 / 19' }, controls: true, className: "w-full h-auto bg-black", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "video.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute flex items-center justify-between top-0 w-full p-4", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-white text-sm", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "👍 Likes"), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-white text-sm", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "🔗 Shares")), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#33333399] text-white font-roboto text-sm", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "Comments Section")))); }