function MainComponent() { const videoPreview = 'Your video will appear here after processing.'; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#FBF9F6] flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl text-[#333] mb-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, "Video Creation Studio"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-[500px] bg-white shadow rounded-lg p-6", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "title", className: "block text-[#333] text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Video Title"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", id: "title", className: "shadow border rounded-lg w-full py-3 px-4 text-[#333] leading-tight focus:outline-none focus:ring-2 focus:ring-[#5E81AC] transition", placeholder: "Name your video", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "description", className: "block text-[#333] text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Video Description"), /*#__PURE__*/ React.createElement("textarea", { name: "description", id: "description", rows: "4", className: "shadow border rounded-lg w-full py-3 px-4 text-[#333] leading-tight focus:outline-none focus:ring-2 focus:ring-[#5E81AC] transition", placeholder: "Describe your video", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "script", className: "block text-[#333] text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Video Script"), /*#__PURE__*/ React.createElement("textarea", { name: "script", id: "script", rows: "6", className: "shadow border rounded-lg w-full py-3 px-4 text-[#333] leading-tight focus:outline-none focus:ring-2 focus:ring-[#5E81AC] transition", placeholder: "Write the script for your video", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#81A1C1] hover:bg-[#5E81AC] text-white font-bold text-lg py-3 px-6 rounded-lg transition duration-200 ease-in-out transform hover:scale-105", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "Create Video"))), /*#__PURE__*/ React.createElement("div", { className: "mt-10 w-full max-w-[700px] bg-white shadow rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl text-[#333] mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "Video Preview"), /*#__PURE__*/ React.createElement("div", { className: "aspect-w-16 aspect-h-9 bg-[#2E3440] flex items-center justify-center text-white", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, videoPreview)))); }