function MainComponent() { const [isRecording, setIsRecording] = React.useState(false); const [title, setTitle] = React.useState(''); const [description, setDescription] = React.useState(''); const handleRecordPress = ()=>{ setIsRecording((prev)=>!prev); }; const handleSubmit = (e)=>{ e.preventDefault(); // Submit logic here setTitle(''); setDescription(''); }; const handleTitleChange = (e)=>{ setTitle(e.target.value); }; const handleDescriptionChange = (e)=>{ setDescription(e.target.value); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen p-4 bg-gradient-to-br from-[#D8E2DC] to-[#FFE5D9]", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center mb-8", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-semibold text-[#1D3557] mb-2 font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Organizador de Tareas"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#457B9D] font-roboto", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Organiza tus tareas desde una nota de voz")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col items-center w-full max-w-lg p-6 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleRecordPress, name: "record-button", className: `w-full mb-6 py-3 px-4 rounded-full text-white transition-colors duration-300 font-roboto ${isRecording ? "bg-[#E63946]" : "bg-[#F4A261] hover:bg-[#E76F51]"}`, __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, isRecording ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-stop-circle mr-2", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }), "Detener Grabación") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-microphone-alt mr-2", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }), "Presiona para Grabar")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "taskTitle", className: "text-sm text-[#1D3557] font-roboto mb-1", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Título de la Tarea"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "taskTitle", value: title, onChange: handleTitleChange, className: "w-full p-2 mb-4 border rounded-lg border-[#A8DADC] font-roboto", placeholder: "Nombre de la tarea", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "taskDescription", className: "text-sm text-[#1D3557] font-roboto mb-1", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Descripción de la Tarea"), /*#__PURE__*/ React.createElement("textarea", { name: "taskDescription", value: description, onChange: handleDescriptionChange, className: "w-full p-2 border rounded-lg border-[#A8DADC] font-roboto", placeholder: "Describe la tarea...", rows: "4", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", name: "submit-task", className: "py-3 px-6 bg-[#2A9D8F] text-white rounded-full hover:bg-[#264653] transition-colors duration-300 font-roboto", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, "Añadir Tarea"))); }