function MainComponent() { const [patientData, setPatientData] = React.useState({ name: '', birthdate: '', medicalRecord: '', transplantType: '' }); const handleInputChange = (e)=>{ const { name, value } = e.target; setPatientData((prevData)=>({ ...prevData, [name]: value })); }; const handleSubmit = (e)=>{ e.preventDefault(); console.log('Dados do paciente:', patientData); // Aqui você pode adicionar a lógica para enviar os dados para um servidor }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 py-6 flex flex-col justify-center sm:py-12", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative py-3 sm:max-w-xl sm:mx-auto", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-cyan-400 to-light-blue-500 shadow-lg transform -skew-y-6 sm:skew-y-0 sm:-rotate-6 sm:rounded-3xl", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative px-4 py-10 bg-white shadow-lg sm:rounded-3xl sm:p-20", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center mb-6 font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "Recepção de Paciente - Transplante de Medula Óssea")), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, "Nome do Paciente"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", id: "name", value: patientData.name, onChange: handleInputChange, className: "mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-cyan-500 focus:border-cyan-500", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "birthdate", className: "block text-sm font-medium text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 38, columnNumber: 17 }, __self: this }, "Data de Nascimento"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "birthdate", id: "birthdate", value: patientData.birthdate, onChange: handleInputChange, className: "mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-cyan-500 focus:border-cyan-500", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "medicalRecord", className: "block text-sm font-medium text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }, "Número do Prontuário"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "medicalRecord", id: "medicalRecord", value: patientData.medicalRecord, onChange: handleInputChange, className: "mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-cyan-500 focus:border-cyan-500", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "transplantType", className: "block text-sm font-medium text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "Tipo de Transplante"), /*#__PURE__*/ React.createElement("select", { name: "transplantType", id: "transplantType", value: patientData.transplantType, onChange: handleInputChange, className: "mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-cyan-500 focus:border-cyan-500", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }, "Selecione o tipo"), /*#__PURE__*/ React.createElement("option", { value: "autologous", __source: { fileName: "", lineNumber: 49, columnNumber: 19 }, __self: this }, "Autólogo"), /*#__PURE__*/ React.createElement("option", { value: "allogeneic", __source: { fileName: "", lineNumber: 50, columnNumber: 19 }, __self: this }, "Alogênico"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-cyan-600 hover:bg-cyan-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-cyan-500 font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this }, "Registrar Paciente"))))))); }