function MainComponent() { const [serviceData, setServiceData] = React.useState({ customerName: '', shoeDetails: '', serviceCode: '', deliveryDate: '' }); const handleInputChange = (event)=>{ const { name, value } = event.target; setServiceData((prevData)=>({ ...prevData, [name]: value })); }; const handleSubmitIngreso = (event)=>{ event.preventDefault(); // API call to save the Ingreso data in the database }; const handleSubmitEntrega = (event)=>{ event.preventDefault(); // API call to confirm the Entrega data in the database }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f0f0] p-8", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-4xl font-bold text-[#121212] mb-6 font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "Control de Ingresos y Entregas - Reparadora de Calzados"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row md:justify-center gap-8", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmitIngreso, className: "bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4 w-full md:w-1/2 lg:w-1/3", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "block text-xl font-semibold mb-6 font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Registrar Ingreso"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Cliente"), /*#__PURE__*/ React.createElement("input", { name: "customerName", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", type: "text", placeholder: "Nombre del Cliente", value: serviceData.customerName, onChange: handleInputChange, __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, "Detalle del Calzado"), /*#__PURE__*/ React.createElement("textarea", { name: "shoeDetails", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline", rows: "3", placeholder: "Descripción del calzado y reparación necesaria", value: serviceData.shoeDetails, onChange: handleInputChange, __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#4CAF50] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hover:bg-[#45a049] font-roboto", type: "submit", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Registrar")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmitEntrega, className: "bg-white shadow-md rounded px-8 pt-6 pb-8 w-full md:w-1/2 lg:w-1/3", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "block text-xl font-semibold mb-6 font-roboto", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Registro de Entregas"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Código de Servicio"), /*#__PURE__*/ React.createElement("input", { name: "serviceCode", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", type: "text", placeholder: "Código", value: serviceData.serviceCode, onChange: handleInputChange, __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-bold mb-2 font-roboto", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Fecha de Entrega"), /*#__PURE__*/ React.createElement("input", { name: "deliveryDate", className: "shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline", type: "date", value: serviceData.deliveryDate, onChange: handleInputChange, __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-[#2196F3] text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline hover:bg-[#1e88e5] font-roboto", type: "submit", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Confirmar Entrega")))); }