"use client"; import React, { useState } from 'react'; import Link from 'next/link'; import { House, Link as LinkIcon, User, Phone, BookOpen, Music, Rss, X, Menu } from 'lucide-react'; interface NavItemProps { href: string; icon: React.ElementType; children: React.ReactNode; } const NavItem = ({ href, icon, children }: NavItemProps) => (
{React.createElement(icon, { className: "text-md mr-2", strokeWidth: 2.5, size: 20 })} {children}
); export default function Header() { const [isOpen, setIsOpen] = useState(false); const toggleMenu = () => setIsOpen(!isOpen); return (
); }