function MainComponent() { const [isRecording, setIsRecording] = React.useState(false); const startRecording = ()=>{ setIsRecording(true); }; const stopRecording = ()=>{ setIsRecording(false); }; const recordButton = isRecording ? /*#__PURE__*/ React.createElement("button", { className: "bg-[#FF0000] p-4 rounded-full flex items-center justify-center w-[60px] h-[60px] mx-auto", onClick: stopRecording, title: "توقف", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-stop text-white text-[24px]", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })) : /*#__PURE__*/ React.createElement("button", { className: "bg-[#00FF00] p-4 rounded-full flex items-center justify-center w-[60px] h-[60px] mx-auto", onClick: startRecording, title: "شروع", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-microphone text-white text-[24px]", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this })); React.useEffect(()=>{}, []); return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen items-center justify-center bg-[#010101]", __source: { fileName: "", lineNumber: 32, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", dir: "rtl", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#FFD700] font-roboto mb-8", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[40px]", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "دستیار هوشمند آیرون من"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "برای تعامل با دستورات صوتی، دکمه زیر را فشار دهید.")), recordButton, /*#__PURE__*/ React.createElement("audio", { className: "mt-8", controls: true, __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "بازخورد صوتی در اینجا ظاهر می‌شود وقتی ضبط در حال پیشرفت است...")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, ` @keyframes pulse-red { from { box-shadow: 0 0 0 0 rgb(255 0 0 / 30%); } to { box-shadow: 0 0 0 10px rgb(255 0 0 / 0%); } } @keyframes pulse-green { from { box-shadow: 0 0 0 0 rgb(0 255 0 / 30%); } to { box-shadow: 0 0 0 10px rgb(0 255 0 / 0%); } } .bg-[#FF0000] { animation: pulse-red 2s infinite; } .bg-[#00FF00] { animation: pulse-green 2s infinite; } `)); }