function MainComponent() { const [customerName, setCustomerName] = React.useState(''); const [billDetails, setBillDetails] = React.useState(''); const [totalAmount, setTotalAmount] = React.useState(''); const generatePDF = async ()=>{ const htmlContent = `

Bill for ${customerName}

${billDetails}

Total Amount: $${totalAmount}

`; const response = await fetch('/integrations/pdf-generation/pdf', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ source: { html: htmlContent } }) }); const blob = await response.blob(); const url = window.URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'bill.pdf'; document.body.appendChild(a); a.click(); a.remove(); }; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 font-roboto", __source: { fileName: "", lineNumber: 48, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, "Bill Generator"), /*#__PURE__*/ React.createElement("form", { className: "mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "customerName", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Customer Name"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded", type: "text", id: "customerName", name: "customerName", value: customerName, onChange: (e)=>setCustomerName(e.target.value), __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "billDetails", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, "Bill Details"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border rounded", id: "billDetails", name: "billDetails", rows: "4", value: billDetails, onChange: (e)=>setBillDetails(e.target.value), __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "totalAmount", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "Total Amount"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border rounded", type: "number", id: "totalAmount", name: "totalAmount", value: totalAmount, onChange: (e)=>setTotalAmount(e.target.value), __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "button", className: "bg-blue-500 text-white p-2 rounded", onClick: generatePDF, __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "Generate PDF"))); }