function MainComponent() { const [notes, setNotes] = React.useState([]); const [isRecording, setIsRecording] = React.useState(false); const [currentNote, setCurrentNote] = React.useState(""); const startRecording = ()=>{ setIsRecording(true); }; const stopRecording = ()=>{ setIsRecording(false); const newNote = "Transcribed text of recorded audio"; setNotes([ ...notes, newNote ]); setCurrentNote(""); }; const summarizeNotes = ()=>{ const summary = notes.map((note)=>`• ${note}`).join("\n"); alert(`Summary:\n${summary}`); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] mx-auto p-4", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto text-center mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, "Voice Notes"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, isRecording ? /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 text-white font-roboto px-4 py-2 rounded", onClick: stopRecording, __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "Stop Recording") : /*#__PURE__*/ React.createElement("button", { className: "bg-green-500 text-white font-roboto px-4 py-2 rounded", onClick: startRecording, __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Start Recording")), /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex justify-center", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white font-roboto px-4 py-2 rounded", onClick: summarizeNotes, __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Summarize Notes")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }, notes.map((note, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-200 p-2 rounded mb-2", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, note))))); }