Checkout Form - Copy this Angular, Tailwind Component to your project

Generate a responsive front-end component (preferably using React with Tailwind CSS or any modern front-end stack) that displays a paginated table. The table should have large grid cells and the following column headers (in Spanish): Funcionario, Rut, Entrevistas, Derivaciones, Mediaciones, Casos Leves, Casos Graves, Anotaciones, Total, Descargar Reporte. Below or above the table, include two buttons: One labeled "Descargar Informe Global" to download a general report. Another labeled "Enviar Informe por Correo" to send the report via email. Make sure the table: Is paginated. Has clearly visible, large cells for readability. Maintains a clean and modern look. Optional: Add loading indicators and responsive design for mobile and desktop screens.