import React from "react";
import useTranslation from "../../utils/useTranslation";
import ostImg from "../../img/layers/Betriebsregionen/ost.png";
import sudImg from "../../img/layers/Betriebsregionen/sud.png";
import westImg from "../../img/layers/Betriebsregionen/west.png";
import mitteImg from "../../img/layers/Betriebsregionen/mitte.png";
import otherImg from "../../img/layers/Betriebsregionen/other.png";
const regions = [{
  title: "West",
  img: westImg
}, {
  title: "Mitte",
  img: mitteImg
}, {
  title: "Süd",
  img: sudImg
}, {
  title: "Ost",
  img: ostImg
}, {
  title: "Andere Infrastrukturbetreiberinnen",
  img: otherImg
}];
function BetriebsRegionenLayerInfo() {
  const {
    t
  } = useTranslation();
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, t("ch.sbb.betriebsregionen-desc")), /*#__PURE__*/React.createElement("div", {
    className: "wkp-betriebsregionen"
  }, regions.map(region => /*#__PURE__*/React.createElement("div", {
    className: "wkp-betriebsregion",
    key: region.title
  }, /*#__PURE__*/React.createElement("img", {
    src: region.img,
    height: 25,
    width: 25,
    alt: region.title
  }), t(region.title)))));
}
export default BetriebsRegionenLayerInfo;
//# sourceMappingURL=BetriebsRegionenLayerInfo.js.map