function MainComponent() { const fileInputText = 'Drop file or click on file box to select'; const urlInputText = 'Copy or Type URL'; const generateButtonText = 'Generate'; const resultsText = 'Resultsb.'; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 w-full h-screen bg-[#f3f4f6]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full md:w-1/2 lg:w-1/3", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-semibold text-lg text-[#121212] mb-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "BBFC Age Classifier"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#555]", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, fileInputText)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "file-upload", className: "flex flex-col items-center justify-center w-full h-[200px] border-2 border-dashed border-[#ccc] rounded-md cursor-pointer hover:border-[#aaa]", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium text-[#666]", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-upload text-4xl", __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "mt-2 text-sm text-[#666]", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }, "Upload File")), /*#__PURE__*/ React.createElement("input", { id: "file-upload", name: "file-upload", type: "file", className: "hidden", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#555] mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, urlInputText), /*#__PURE__*/ React.createElement("input", { name: "url-input", type: "text", placeholder: "http://", className: "w-full h-10 px-4 border-2 border-[#ddd] rounded-md focus:outline-none focus:border-[#aaa]", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "button", className: "w-full bg-[#007bff] text-white font-medium text-lg py-2 px-4 rounded-md focus:outline-none hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, generateButtonText), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full mt-4", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg text-[#121212] mb-2", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, resultsText))))); }