function MainComponent() { const [text, setText] = React.useState(""); const [isLoading, setIsLoading] = React.useState(false); const [error, setError] = React.useState(null); const [audioUrl, setAudioUrl] = React.useState(null); const handleTextToSpeech = async ()=>{ if (!text.trim()) { setError("Please enter some text to convert to speech"); return; } setIsLoading(true); setError(null); setAudioUrl(null); try { const response = await fetch(`/integrations/text-to-speech/speech?text=${encodeURIComponent(text)}`, { method: "GET" }); if (!response.ok) { throw new Error(`Failed to generate speech: ${response.status} ${response.statusText}`); } const audioBlob = await response.blob(); const url = URL.createObjectURL(audioBlob); setAudioUrl(url); } catch (err) { console.error(err); setError("Failed to convert text to speech. Please try again."); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-purple-600 via-blue-600 to-purple-800 py-8 px-4", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "MCOTTS")), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-lg shadow-xl border border-white/20 p-6", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-white mb-6 text-center", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Text to Speech Tool"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "text-input", className: "block text-sm font-medium text-white/90 mb-2", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Enter text to convert to speech:"), /*#__PURE__*/ React.createElement("textarea", { id: "text-input", value: text, onChange: (e)=>setText(e.target.value), placeholder: "Type your text here...", className: "w-full p-3 border border-white/30 rounded-md bg-white/20 backdrop-blur-sm text-white placeholder-white/60 focus:ring-2 focus:ring-purple-400 focus:border-transparent resize-none", rows: 4, __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleTextToSpeech, disabled: isLoading || !text.trim(), className: "w-full bg-gradient-to-r from-purple-500 to-blue-500 hover:from-purple-600 hover:to-blue-600 disabled:from-gray-400 disabled:to-gray-500 text-white font-medium py-3 px-4 rounded-md transition-all duration-200 shadow-lg", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 80, columnNumber: 19 }, __self: this }), "Converting to Speech...") : /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-volume-up mr-2", __source: { fileName: "", lineNumber: 85, columnNumber: 19 }, __self: this }), "Convert to Speech")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-500/20 backdrop-blur-sm border border-red-400/30 text-red-100 px-4 py-3 rounded-md", __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }), error), audioUrl && /*#__PURE__*/ React.createElement("div", { className: "bg-green-500/20 backdrop-blur-sm border border-green-400/30 p-4 rounded-md", __source: { fileName: "", lineNumber: 99, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-green-100 font-medium mb-3 flex items-center", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this }), "Speech Generated Successfully!"), /*#__PURE__*/ React.createElement("audio", { controls: true, src: audioUrl, className: "w-full", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, "Your browser does not support the audio element."), /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: audioUrl, download: "speech.mp3", className: "inline-flex items-center text-purple-200 hover:text-white text-sm", __source: { fileName: "", lineNumber: 108, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-1", __source: { fileName: "", lineNumber: 113, columnNumber: 21 }, __self: this }), "Download Audio")))))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-12", __source: { fileName: "", lineNumber: 124, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white/80 text-sm font-medium", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, "CREATED BY SIDIQUL AKBAR"))); }