User Management Dashboard - Copy this React, Tailwind Component to your project
Un título principal en la parte superior con el texto 'GESTIÓN DE USUARIOS' y un subtítulo debajo que indique 'Gestiona los usuarios y sus permisos aquí'. Un campo de búsqueda (input) alineado a la derecha, seguido de un botón primario, por ejemplo 'Crear usuario'. Una tabla debajo del subtítulo, con un encabezado que muestre las columnas 'Nombre de Usuario', 'Rol' y 'Fecha de Creación'. Cada fila de la tabla debe mostrar el nombre completo del usuario, su correo electrónico, su rol (por ejemplo: 'SuperAdmin', 'Admin') y la fecha de creación. La tabla debe tener paginación en la parte inferior, con botones para navegar entre páginas (ejemplo: “Mostrando 8 de 20” y controles para ir a página anterior, siguiente, etc.). El diseño debe ser limpio, minimalista y consistente, empleando Tailwind CSS para estilos, con una paleta de colores clara, espaciados adecuados y tipografía legible. Implementar en React con Tailwind, cuidando la responsividad y la organización del código. Incluir elementos interactivos, como el botón de menú de opciones (tres puntos verticales) al final de cada fila para acciones adicionales sobre el usuario."
