text: import { Button } from "antd";
  import axios from "axios";
  import React, { useState } from "react";
  import Swal from "sweetalert2";
  
  export const DatosFiniquito = ({ id, rut, contrato }) => {
  
      const [form, setForm] = useState({
          fecha_finiquito: '',
      });
      const [loading, setLoading] = useState(false);
  
      const handleSubmit = e => {
          e.preventDefault();
  
          setLoading(true);
          axios.post('/api/cambios-contratos/finiquito', {
              contrato,
              ...form,
              cambio_id: id
          })
              .then(res => {
                  Swal.fire({
                      title: message,
                      icon: 'success'
                  })
              })
              .catch(err => {
                  Swal.fire({
                      title: err.response.data.message,
                      icon: 'error'
                  });
              })
              .finally(() => setLoading(false))
      }
  
      return (
          <form onSubmitCapture={handleSubmit}>
              <div className="alert alert-primary">
                  Las cartas de renuncia, también serán visibles en el módulo de <a href="/finiquitos/registro/individual" target="_blank">CARTAS DE RENUNCIA</a>
              </div>
              <div className="row">
                  <div className="col-md-4">
                      RUT:<br />
                      <input
                          type="text"
                          className="form-control"
                          value={rut}
                          disabled
                      />
                  </div>
                  <div className="col-md-4">
                      Fecha Cese:<br />
                      <input
                          type="date"
                          className="form-control"
                          value={form.fecha_finiquito}
                          onChange={e => setForm({ ...form, fecha_finiquito: e.target.value })}
                      />
                  </div>
                  <div className="col-md-4">
                      Empresa:<br />
                      <input
                          type="text"
                          className="form-control"
                          value={contrato?.empresa_id}
                          disabled
                      />
                  </div>
                  <div className="col-md-4">
                      Zona Labor:<br />
                      <input
                          type="text"
                          className="form-control"
                          value={contrato.zona_labor.name}
                          disabled
                      />
                  </div>
                  <div className="col-md-4">
                      Fecha Inicio:<br />
                      <input
                          type="text"
                          className="form-control"
                          value={contrato.fecha_inicio}
                          disabled
                      />
                  </div>
                  <div className="col-md-4">
                      Fecha Termino Contrato:<br />
                      <input
                          type="text"
                          className="form-control"
                          value={contrato.fecha_termino_c}
                          disabled
                      />
                  </div>
              </div>
              <div className="row mt-3">
                  <div className="col">
                      <Button
                          type="primary"
                          size="small"
                          htmlType="submit"
                          disabled={form.fecha_finiquito === ''}
                          loading={loading}
                          block
                      >
                          Generar
                      </Button>
                  </div>
              </div>
          </form>
      );
  }
  