import { ZUSTAENDE } from "../modell";

export default function Legende() {
  return (
    <ul className="legende">
      {ZUSTAENDE.map(({ name, farbe }) => (
        <li key={name}>
          <span className="legende__farbe" style={{ background: farbe }} />
          {name}
        </li>
      ))}
    </ul>
  );
}