import { ChartColumnStacked, GitBranch, Home, Info, Rss, Server, Tags, CodeXml } from 'lucide-react'

type NavItem = {
  href: string
  label: string
  icon: React.ReactNode
  isExternal?: boolean
}

const navIconsClassName = 'w-6 h-6 lg:w-4 lg:h-4'

export const navItems: NavItem[] = [
  { href: '/', label: 'Home', icon: <Home className={navIconsClassName} /> },
  { href: '/about', label: 'About', icon: <Info className={navIconsClassName} /> },
  {
    href: '/categories',
    label: 'Categories',
    icon: <ChartColumnStacked className={navIconsClassName} />,
  },
  { href: '/tags', label: 'Tags', icon: <Tags className={navIconsClassName} /> },
  { href: '/projects', label: 'Projects', icon: <CodeXml className={navIconsClassName} /> },
  { href: '/setup', label: 'Setup', icon: <Server className={navIconsClassName} /> },
  {
    href: '/feed.xml',
    label: 'RSS Feed',
    icon: <Rss className={navIconsClassName} />,
    isExternal: true,
  },
  ...(process.env.GIT_ORIGIN_URL
    ? [
        {
          href: process.env.GIT_ORIGIN_URL,
          label: 'Source Code',
          icon: <GitBranch className={navIconsClassName} />,
          isExternal: true,
        },
      ]
    : []),
]
