import { metadata } from '@/app/metadata'
import { NotepadText } from 'lucide-react'
import { NavLinks } from '@/components/layout/NavLinks'

export function Sidebar() {
  return (
    <aside className="hidden lg:block w-64 shrink-0 px-4 bg-fg/5">
      <div className="sticky top-6">
        <h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
          <NotepadText className="w-6 h-6" />
          <span>{metadata.title!.toString()}</span>
        </h2>
        <ul className="space-y-2">
          <NavLinks />
        </ul>
      </div>
    </aside>
  )
}
