Barra de navegación

import { IconHome, IconUser, IconSettings } from '@tabler/icons-react';
import { NavigationBar } from "@/ui/navigation/navigation-bar/components/NavigationBar";

export const MyComponent = () => {

   const navigationItems = [
     {
       name: "Inicio",
       Icon: IconHome,
       onClick: () => console.log("Se hizo clic en Inicio"),
     },
     {
       name: "Perfil",
       Icon: IconUser,
       onClick: () => console.log("Se hizo clic en Perfil"),
     },
     {
       name: "Configuración",
       Icon: IconSettings,
       onClick: () => console.log("Se hizo clic en Configuración"),
     },
   ];

  return <NavigationBar activeItemName="Inicio" items={navigationItems}/>;
};