Employee Permission System - Copy this React, Tailwind Component to your project

Tipo-de-Aplicación:-Aplicación-en-Power-Apps-para-la-gestión-de-permisos-de-empleados,-integrada-con-Microsoft-Teams.-Requisitos-Generales:-La-aplicación-debe-gestionar-el-proceso-de-solicitud,-aprobación-y-registro-de-permisos-basados-en-un-sistema-de-tiquetes-(máximo-11-por-empleado).-La-aplicación-debe-enviar-notificaciones-y-permitir-aprobaciones-directamente-en-Microsoft-Teams.-Diseño-responsivo-compatible-con-dispositivos-móviles-y-escritorio.-Roles-definidos:-Empleado,-Jefe,-Administrador.-Pantallas-y-Detalles:-Pantalla-de-Inicio-(Dashboard):-Saludo-personalizado-con-el-nombre-del-usuario.-Indicador-del-número-de-tiquetes-disponibles-(ejemplo:-"Tiquetes-disponibles:-8-de-11").-Botones:-"Solicitar-Tiquete"-(navega-a-la-pantalla-de-solicitud).-"Historial-de-Tiquetes"-(navega-al-historial-del-empleado).-Opcional:-Barra-de-progreso-que-indique-el-porcentaje-de-uso-de-los-tiquetes.-Pantalla-de-Solicitud-de-Tiquete:-Formulario-con-campos:-Fecha-del-permiso-(selector-de-calendario).-Selección-de-turno:-Mañana-o-Tarde-(botones-radiales).-Nombre-del-compañero-encargado-(campo-de-texto).-Botón:-"Enviar-Solicitud".-Validación:-Verificar-si-el-empleado-tiene-tiquetes-disponibles.-Mensaje-de-error-si-no-hay-tiquetes-o-campos-incompletos.-Confirmación-visual:-"Solicitud-enviada-correctamente".-Pantalla-de-Aprobación-de-Tiquetes-(para-Jefes):-Lista-de-solicitudes-pendientes-con-columnas:-Nombre-del-empleado.-Fecha-del-permiso.-Turno-(mañana-o-tarde).-Nombre-del-compañero-encargado.-Opciones-de-acción:-Botón-"Aprobar".-Botón-"Rechazar"-con-un-campo-para-notas-opcionales.-Mensaje-de-confirmación:-"¿Está-seguro-de-aprobar/rechazar-esta-solicitud?".-Filtros:-Por-estado-(pendiente,-aprobado,-rechazado)-o-por-fecha.-Pantalla-de-Historial-de-Tiquetes-(para-Empleados):-Tabla-con-columnas:-Fecha-de-solicitud.-Turno-(mañana/tarde).-Estado-(Pendiente/Aprobado/Rechazado).-Nombre-del-compañero-encargado.-Iconos-visuales:-✔️-Aprobado,-❌-Rechazado,-⏳-Pendiente.-Filtros:-Rango-de-fechas-y-estado.-Resumen-de-tiquetes:-Cantidad-de-tiquetes-usados-y-restantes.-Pantalla-de-Reportes-(para-Administradores-y-Talento-Humano):-Gráficos-interactivos:-Tiquetes-solicitados-por-mes-(barras).-Tiquetes-solicitados-por-área-(pastel).-Porcentaje-de-uso-de-tiquetes-(líneas-o-indicador).-Tabla-de-detalles-filtrable-por-área,-empleado,-o-estado.-Filtros-avanzados:-Rango-de-fechas,-departamento,-estado.-Pantalla-de-Configuración-(para-Administradores):-Campo-editable-para-definir-el-número-máximo-de-tiquetes-(por-defecto:-11).-Lista-de-empleados-con-opciones-de-agregar,-editar-o-desactivar.-Configuración-de-reglas-de-aprobación-y-ajustes-futuros.-Notas-Técnicas:-Navegación-fluida-entre-pantallas.-Integración-completa-con-Microsoft-Teams-para-notificaciones-y-aprobaciones.-Diseño-responsivo-y-adaptado-a-diferentes-roles.-Instrucciones:-Generar-prototipos-de-interfaz-basados-en-estas-especificaciones.-Incluir-validaciones-y-casos-de-error-en-las-pantallas-correspondientes.