Login - Copy this React, Tailwind Component to your project

Necesito maquetar un dashboard administrativo que se ajuste dinámicamente según el rol del usuario (administrador, docente, estudiante). El diseño debe ser moderno, limpio y responsivo, con las siguientes características: Estructura Principal: Inicio de Sesión: Página de login centrada, con campos para correo y contraseña. Botón para enviar el formulario y mensajes de error en caso de fallos. Menú Lateral (Sidebar): Colapsable con íconos y etiquetas. Submenús desplegables para opciones secundarias. Diferentes opciones dependiendo del rol: Docente: Clases (Agregar, Ver), QR (Generar, Ver), Asistencias (Habilitar). Administrador: Usuarios (Gestión completa), Estadísticas, Reportes. Dashboard Principal: Tarjetas que muestran datos clave como cantidad de usuarios, clases activas, etc. Secciones de gráficos para estadísticas generales (opcional). Tablas y Formularios: Tablas interactivas para listar clases, asistencias y usuarios. Formularios para agregar y editar información (clases, usuarios, etc.). Instrucciones para la Maquetación: Crear una vista responsiva que se ajuste a diferentes tamaños de pantalla. Utilizar un diseño minimalista con botones y elementos bien espaciados. Cada sección debe estar claramente definida: encabezados, contenido principal, pie de página. Los submenús deben ser fáciles de usar, con íconos que representen cada acción. Asegurarse de que el diseño pueda ser fácilmente reutilizado o escalado en el futuro.