'use client';

import Link from 'next/link';
import { Button } from '@/components/ui/button';
import { ThemeToggle } from '@/components/theme-toggle';
import { navLinks } from '@/constant/NavigationData';

interface DesktopNavProps {
    onNavClick: (id: string) => void;
}

export const DesktopNav = ({ onNavClick }: DesktopNavProps) => {
    return (
        <nav className="hidden lg:flex items-center gap-6">
            {navLinks.map((link) => (
                <button
                    key={link.id}
                    onClick={() => onNavClick(link.id)}
                    className="cursor-pointer text-sm font-medium text-muted-foreground hover:text-primary transition-colors"
                >
                    {link.label}
                </button>
            ))}

            <Button asChild>
                <Link href="/contact">Kontakt</Link>
            </Button>

            <ThemeToggle />
        </nav>
    );
};