Untitled

const items = [{ id: 1, icon: "icon", item: "Students" }];

export default function Students() {
  return (
    <div>
      <nav className="nav-menu hidden">
        <ul className="nav-links">
          {items.map((item) => (
            <Item icon={item.icon} item={item.item} key={item.key} />
          ))}
        </ul>
      </nav>
    </div>
  );
}

const Item = (props) => {
  return (
    <div>
      <a href="/">
        <span className="icon">{props.icon}</span>
        <span className="nav-text">{props.item}</span>
      </a>
    </div>
  );
};

function Main() {}

function Header() {}

function Footer() {}