Crear un componente especializado Menu
.
- Debe renderizar un menú con ítems (un
ul
conli
anidados) - Los ítems deben poder anidarse dentro de
Menu
- Cada ítem
- puede contener
- un ícono a la izquierda
- texto (principal)
- texto o un componente a la derecha
- puede tener dos estatus: active y disabled (con sus propios estilos)
- puede contener
- Puede contener submenús
- puede contener un título con un ícono a la izquierda
- pueden estar abiertos o cerrados
- cuando está abierto debe mostrar una flecha hacia abajo como ícono a la derecha, cuando está cerrado una flecha hacia la derecha
- los íconos de apertura y cierra pueden ser configurables
- los ítems pueden anidarse dentro de submenú
- Puede contener divisores (
hr
) - Cada componente debe permitir agregar clases y estilos customs, así como extender los props por defecto de React
- Exportar el componente principal con sus subcomponentes en un mismo archivo