import './Legend.css';

export default function Legend() {
  return (
    <aside className="legend" aria-label="Légende">
      <p className="legend__title">Légende</p>
      <div className="legend__item">
        <span className="legend__swatch legend__swatch--obs" />
        <span>Zone observée</span>
      </div>
      <div className="legend__item">
        <span className="legend__swatch legend__swatch--fore" />
        <span>Prévision dérive</span>
      </div>
      <div className="legend__divider" />
      <div className="legend__item">
        <span className="legend__dot legend__dot--low" />
        <span>OK</span>
      </div>
      <div className="legend__item">
        <span className="legend__dot legend__dot--medium" />
        <span>Risque</span>
      </div>
      <div className="legend__item">
        <span className="legend__dot legend__dot--high" />
        <span>Impact</span>
      </div>
    </aside>
  );
}
