Calendar - Copy this React, Tailwind Component to your project

Genera un componente frontend para la funcionalidad de 'Gestión de Calendarios' en idioma español. Este componente debe cumplir con las siguientes características y tareas específicas: Tecnologías: Utilizar React como framework principal. Implementar estilos utilizando Tailwind CSS para un diseño moderno, limpio y completamente responsive. Características del componente: ID: 01 Visualizar y compartir calendario de citas: Diseñar un calendario interactivo que permita navegar por días, semanas y meses. Habilitar la edición de eventos mediante un modal o un formulario emergente, asegurando una experiencia de usuario fluida. Incluir acceso restringido basado en roles (usuarios con permisos específicos pueden agregar/editar eventos). Adaptar el diseño para que sea responsive y funcione en diferentes tamaños de pantalla (móviles, tabletas y desktops). Proporcionar una opción para compartir el calendario mediante un enlace o exportarlo en formatos estándar como iCal o CSV. ID: 12 Información de vista previa en calendario: Implementar una funcionalidad de vista previa al pasar el cursor o hacer clic en un evento. Resaltar visualmente las tareas y eventos con colores específicos según su categoría o prioridad (por ejemplo, citas importantes en rojo, reuniones en azul, etc.). Asegurar que la vista previa sea clara y fácil de leer en todos los dispositivos. Requisitos adicionales: Todo el texto y las etiquetas deben estar en idioma español. Cumplir con las mejores prácticas de accesibilidad (WCAG), incluyendo navegación por teclado y soporte para lectores de pantalla. Incluir comentarios claros en el código para facilitar la personalización y la integración del componente.