import MenuItem from "../menu-item/MenuItem";
import "./DesktopMenu.css";

const DesktopMenu = ({ links, loggedIn, Link }) => (
	<ul id="desktop-menu">
		{links
			.filter((x) => !x.hideOnDesktop)

			.filter((x) => x.hideOptions({ loggedIn }))
			.map((link, i) => {
				return <MenuItem {...link} i={i} key={link.id} Link={Link} />;
			})}
	</ul>
);

export default DesktopMenu;