Hagamos un dashboard con react, typescript y react-suite. Deberá tener dos partes principales: un sidenav del lado izquierdo y un main del lado derecho.
- El sidenav deberá ser de color azul(#082f47), deberá tener 3 partes importantes: su header en el que contendrá un avatar y un nombre de usuario. su body que será scrolleable según se requiera, con las opciones, de las cuales serán 5, y 2 de ellas serán dropdowns con 3 opciones mas cada una. y el footer con un botón de "cerrar sesión".
- El Main solo tendrá 2 partes importantes, el navbar(del mismo color que el sidenav) que tendrá el Brand al lado izquierdo, y un dropdown del lado derecho con opciones del usuario. Luego el main también tendrá la sección donde ira el contenido de la pagina.
Hacer notar que el dashboard deberá ser responsivo, y en caso de visualizarlo en móviles o tablets el sidenav deberá ocultarse y podrá ser abierto desde un botón en el navbar del main.
| A shadcn/ui and v0 generation - v0
