function MainComponent() { const [title, setTitle] = React.useState(''); const [testimonial, setTestimonial] = React.useState(''); const [name, setName] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); async function exportPDF() { setIsLoading(true); const htmlTemplate = `

Title: ${title}

User: ${name}

Review: ${testimonial}

`; try { const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ source: htmlTemplate }) }); if (response.ok) { const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const link = document.createElement('a'); link.href = url; link.setAttribute('download', 'testimonial.pdf'); document.body.appendChild(link); link.click(); document.body.removeChild(link); window.URL.revokeObjectURL(url); } } catch (error) { console.error('Error generating PDF:', error); } finally{ setIsLoading(false); } } return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-white font-inter", __source: { fileName: "", lineNumber: 56, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-6 bg-white rounded shadow-md", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-4 text-center text-[#37394E]", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Give a Testimonial"), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-4 p-2 border rounded", type: "text", placeholder: "Title of your review", name: "title", value: title, onChange: (e)=>setTitle(e.target.value), __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { className: "w-full mb-4 p-2 border rounded", type: "text", placeholder: "Your Name", name: "name", value: name, onChange: (e)=>setName(e.target.value), __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "w-full mb-4 p-2 border rounded h-40", placeholder: "Write your review", name: "testimonial", value: testimonial, onChange: (e)=>setTestimonial(e.target.value), __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: `w-full p-3 rounded ${isLoading ? 'bg-gray-400' : 'bg-[#37394E] text-white'}`, disabled: isLoading, onClick: exportPDF, __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, isLoading ? 'Generating PDF...' : 'Export as PDF'))); }