[Dont add, subtract] Navbar solution adding

navbar-example-3-adding.tsx

const MyApp = () => {

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

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