function TextToSpeechButton({ text, font }) { const appliedFont = font ? `font-${font.toLowerCase()}` : 'font-sans'; const convertToSpeech = async ()=>{ try { const response = await fetch(`/integrations/text-to-speech/speech?text=${encodeURIComponent(text)}`, { method: 'GET' }); const blob = await response.blob(); const url = URL.createObjectURL(blob); const audio = new Audio(url); audio.play(); } catch (error) { console.error('Error converting text to speech:', error); } }; return /*#__PURE__*/ React.createElement("button", { onClick: convertToSpeech, className: `px-4 py-2 bg-blue-500 text-white rounded ${appliedFont}`, __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, text); } function TextToSpeechButtonStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TextToSpeechButton, { text: "Hello, how are you?", font: "roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TextToSpeechButton, { text: "This is a test.", font: "crimson-text", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(TextToSpeechButton, { text: "My name is John Doe.", font: "sans", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); } function MainComponent({ text, font }) { const appliedFont = font ? `font-${font.toLowerCase()}` : 'font-sans'; const convertToSpeech = async ()=>{ try { const response = await fetch(`/integrations/text-to-speech/speech?text=${encodeURIComponent(text)}`, { method: 'GET' }); const blob = await response.blob(); const url = URL.createObjectURL(blob); const audio = new Audio(url); audio.play(); } catch (error) { console.error('Error converting text to speech:', error); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 17, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "text", className: `w-full p-2 border border-gray-300 rounded ${appliedFont}`, value: text, readOnly: true, __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: convertToSpeech, className: `mt-4 px-4 py-2 bg-blue-500 text-white rounded ${appliedFont}`, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "Convert to Speech")); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { text: "Hello, how are you?", font: "Roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { text: "This is a test.", font: "Crimson Text", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MainComponent, { text: "My name is John Doe.", font: "Sans", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this })); }