function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-full min-h-screen bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-[#121212] text-4xl mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "VIDVOX ISF GLSL Edge Detection"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[640px] bg-white shadow-md rounded p-6", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "imageUpload", className: "font-roboto text-[#121212] block mb-2 text-lg", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Upload Image"), /*#__PURE__*/ React.createElement("input", { type: "file", id: "imageUpload", name: "imageUpload", className: "block w-full text-sm text-[#767676] file:mr-4 file:py-2 file:px-4 file:rounded file:border-0 file:text-sm file:font-roboto file:bg-[#e4e4e4] file:text-[#121212] cursor-pointer", accept: "image/*", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2 mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-2 w-full sm:w-1/2", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-[#121212] block mb-2 text-lg", htmlFor: "edgeWidth", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "Edge Width"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "edgeWidth", name: "edgeWidth", className: "border border-[#767676] rounded w-full text-[#121212] px-3 py-2", placeholder: "Enter Edge Width", min: "1", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-2 w-full sm:w-1/2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "red", /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-[#121212] block mb-2 text-lg", htmlFor: "outlineColor", __source: { fileName: "", lineNumber: 36, columnNumber: 51 }, __self: this }, "red"))))); }