[Dont add, subtract] Navbar example 1

navbar-example-1.tsx

const MyApp = () => {
  return (
    <div>
      <Navbar
        items={[
          {
            label: 'Home',
            href: '/home',
          },
          {
            label: 'Products',
            href: '/products',
          },
          {
            label: 'About',
            href: '/about',
          },
        ]}
      />
      <Main />
    </div>
  );
};

const Navbar = ({ items }) => {
  return (
    <NavbarStyled>
      {items.map(({ href, label }) => (
        <Link href={href}>{label}</Link>
      ))}
    </NavbarStyled>
  );
};