function MainComponent() { const [bookText, setBookText] = React.useState(''); const [humanText, setHumanText] = React.useState(''); const [pdfFile, setPdfFile] = React.useState(null); const fileInputRef = React.useRef(null); const handleBookTextChange = (e)=>{ setBookText(e.target.value); }; const handlePdfUpload = (e)=>{ const file = e.target.files[0]; if (file && file.type === "application/pdf") { const reader = new FileReader(); reader.onload = function(event) { setBookText(event.target.result); }; reader.readAsText(file); } }; const handleTranslate = (e)=>{ e.preventDefault(); setHumanText(bookText.replace(/(\.)/g, '$1 Human-like writing')); }; const handlePdfExport = ()=>{ const blob = new Blob([ humanText ], { type: 'application/pdf' }); const link = document.createElement('a'); link.href = URL.createObjectURL(blob); link.download = 'human-like-writing.pdf'; link.click(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full h-full p-4 bg-gray-100", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text mb-6", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, "Book to Human-Like Writing"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col items-center w-full max-w-md", onSubmit: handleTranslate, __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "bookText", placeholder: "Enter book text...", value: bookText, onChange: handleBookTextChange, className: "p-2 mb-4 w-full h-[200px] border border-gray-300 rounded", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Translate")), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "application/pdf", className: "mb-4", ref: fileInputRef, onChange: handlePdfUpload, __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mt-10 w-full max-w-md", __source: { fileName: "", lineNumber: 61, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, "Human-Like Writing:"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto p-2 bg-white rounded shadow-md w-full", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, humanText)), /*#__PURE__*/ React.createElement("button", { onClick: handlePdfExport, className: "px-4 py-2 bg-green-500 text-white rounded mt-4", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, "Export to PDF")); }