function MainComponent() { const [file, setFile] = React.useState(null); const [outputType, setOutputType] = React.useState('png'); const handleFileChange = (event)=>{ setFile(event.target.files[0]); }; const handleOutputTypeChange = (event)=>{ setOutputType(event.target.value); }; const handleSubmit = async (event)=>{ event.preventDefault(); if (!file) return; const formData = new FormData(); formData.append('inputFile', file); formData.append('outputType', outputType); const response = await fetch('/integrations/file-converter/convert', { method: 'POST', body: formData }); const blob = await response.blob(); const url = URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.setAttribute('download', `converted.${outputType}`); document.body.appendChild(link); link.click(); link.parentNode.removeChild(link); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f0f0] flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-white shadow-md rounded-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold font-roboto text-[#333] mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Image Converter App"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "upload", className: "block font-roboto text-sm font-medium text-[#333]", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Upload Image"), /*#__PURE__*/ React.createElement("input", { onChange: handleFileChange, type: "file", id: "upload", name: "upload", className: "mt-2 block w-full text-sm text-[#333] file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-[#e4e4e4] file:text-[#666]", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "outputType", className: "block font-roboto text-sm font-medium text-[#333]", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Output Type"), /*#__PURE__*/ React.createElement("select", { onChange: handleOutputTypeChange, id: "outputType", name: "outputType", className: "mt-1 block w-full max-w-xs text-sm text-[#333] border-gray-300 rounded-md shadow-sm", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "png", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "PNG"), /*#__PURE__*/ React.createElement("option", { value: "jpg", __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }, "JPG"), /*#__PURE__*/ React.createElement("option", { value: "jpeg", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "JPEG"), /*#__PURE__*/ React.createElement("option", { value: "pdf", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this }, "PDF"), /*#__PURE__*/ React.createElement("option", { value: "html", __source: { fileName: "", lineNumber: 51, columnNumber: 15 }, __self: this }, "HTML"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-6", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-[#4CAF50] text-white font-medium font-roboto rounded hover:bg-[#45a049]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Convert Image"))))); }