import MenuItem from "../MenuItem"
import { MenuProps } from "./menu"

import styles from "./menu.module.css"

export default function Menu({ items }: MenuProps) {
  return (
    <ul className={styles.menu}>
      {items.map((item) => (
        <li key={item.id}>
          <MenuItem item={item} />
        </li>
      ))}
    </ul>
  )
}
