${text}

` } }) }); if (response.ok) { const blob = await response.blob(); onCreatePdf(blob); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-4", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white font-semibold rounded-lg shadow", onClick: handleTextToSpeech, __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-volume-up", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }), " Play Text"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-green-500 text-white font-semibold rounded-lg shadow", onClick: handleCreatePdf, __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), " Create PDF")); } function StoryComponent() { const handlePdfCreate = (pdfBlob)=>{ const url = URL.createObjectURL(pdfBlob); window.open(url, '_blank'); }; return /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 57, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { text: "Hello, This is a sample text for PDF generation and Text to Speech.", onCreatePdf: handlePdfCreate, __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this })); }