ARMIMA-NAVIGATION

Example

import { Home, Info, Phone, User, Signal, LogOut, UserRoundPlus } from "lucide-react";

const options = [
  {
    links: [
      { key: "home", label: "Home", href: "/", icons: <Home size={20} /> },
      { key: "about", label: "About", href: "/about", icons: <Info size={20} /> },
      { key: "contact", label: "Contact", href: "/contact", icons: <Phone size={20} /> },
      { key: "login", label: "Login", href: "/login", icons: <User size={20} /> },
      { key: "signup", label: "Signup", href: "/signup", icons: <Signal size={20} /> },
      { key: "logout", label: "Logout", href: "/logout", icons: <LogOut size={20} /> },
    ],
    header: {
      title: "Photo Mart",
      image:
        "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTbcgkdTelJltCNwRGDKPiEZYmMsPxe5Y9qUw&s",
    },
    auth: {
      username: "Ajoy Das",
      image:
        "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQjC1gPbIOtnFruINXyscc3okYFPbltn32s0A&s",
      icons: <UserRoundPlus size={20} />,
    },
  },
];

export default options;

    <Navigation links={options[0].links} header={options[0].header} auth={options[0].auth}/>