"use client"

import Link from "next/link"
import { MonitorPlay } from "lucide-react"

export function NavHeader() {
    return (
        <header className="flex h-14 items-center gap-4 border-b bg-muted/40 px-6 lg:h-[60px]">
            <Link className="flex items-center gap-2 font-semibold" href="/">
                <MonitorPlay className="h-6 w-6" />
                <span className="">Stock Analysis AI</span>
            </Link>
            <nav className="ml-auto flex items-center gap-4 sm:gap-6">
                <Link className="text-sm font-medium hover:underline underline-offset-4" href="/">
                    Dashboard
                </Link>
                <Link className="text-sm font-medium hover:underline underline-offset-4" href="/config">
                    Configuration
                </Link>
            </nav>
        </header>
    )
}
