import { HStack, Link } from "@chakra-ui/react"

const navItems = [
    { label: "My Dashboard", href: "#dashboard" },
    { label: "Gas", href: "#gas" },
    { label: "Seismic", href: "#seismic" },
    { label: "Remote Sensing", href: "#remote" },
    { label: "Daily Activity", href: "#daily" },
];

export function CanvasHeaderNav() {
    return (
        <HStack as="nav" gap="8">
            {navItems.map(({ label, href }) => (
                <Link key={href} href={href} fontWeight="medium">
                    {label}
                </Link> 
            ))}
        </HStack>
    );
}