23 lines
597 B
React
23 lines
597 B
React
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>
|
|
);
|
|
}
|
|
|