import React from "react";
import { useSelector } from "react-redux";
import PropTypes from "prop-types";
import useTranslation from "../../utils/useTranslation";
const propTypes = {
  properties: PropTypes.object.isRequired
};
function ZweitausbildungLayerInfo(_ref) {
  let {
    properties: layer
  } = _ref;
  const {
    t
  } = useTranslation();
  const staticFilesUrl = useSelector(state => state.app.staticFilesUrl);
  const {
    infos: {
      title,
      legend
    }
  } = layer.get("zweitausbildung");
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, t(title)), !!legend && /*#__PURE__*/React.createElement("div", {
    style: {
      display: "flex",
      gap: "10px",
      alignItems: "center"
    }
  }, /*#__PURE__*/React.createElement("img", {
    width: 382,
    src: "".concat(staticFilesUrl, "/img/layers/zweitausbildung/").concat(legend.image),
    alt: t(legend.name)
  }), t(legend.name)), /*#__PURE__*/React.createElement("p", null, t("Datengrundlage"), ":", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("a", {
    href: t("overview_list_url"),
    rel: "noopener noreferrer",
    target: "_blank"
  }, t("Übersichtsliste Geografie"))), /*#__PURE__*/React.createElement("p", null, t("Aktualisierungs-Zyklus"), ":", /*#__PURE__*/React.createElement("br", null), t("Gemäss Life Cycle Management des Produktmanagements von HR-POK-SKK")), /*#__PURE__*/React.createElement("p", null, t("Verantwortlich"), ":", /*#__PURE__*/React.createElement("br", null), t("HR-POK-SKK-PM1 (KBC und VSV)"), ",", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("a", {
    href: "mailto:pm.skk.kbc@sbb.ch"
  }, "pm.skk.kbc@sbb.ch"), "."));
}
ZweitausbildungLayerInfo.propTypes = propTypes;
export default ZweitausbildungLayerInfo;
//# sourceMappingURL=ZweitausbildungLayerInfo.js.map