import React, { PureComponent } from "react";
import PropTypes from "prop-types";
import Feature from "ol/Feature";
import ZweitausbildungPoisLayer from "../../layers/ZweitausbildungPoisLayer";
import "./ZweitausbildungPoisPopup.scss";
const propTypes = {
  feature: PropTypes.arrayOf(PropTypes.instanceOf(Feature)).isRequired,
  layer: PropTypes.oneOfType([PropTypes.instanceOf(ZweitausbildungPoisLayer), PropTypes.arrayOf(PropTypes.instanceOf(ZweitausbildungPoisLayer))]).isRequired,
  t: PropTypes.func.isRequired
};
class ZweitausbildungPoisPopup extends PureComponent {
  render() {
    const {
      feature,
      layer,
      t
    } = this.props;
    // if feature is an array, layer is also an array
    return /*#__PURE__*/React.createElement("div", {
      className: "wkp-zweitausbildung-pois-popup"
    }, (Array.isArray(feature) ? feature : [feature]).map((feat, index) => /*#__PURE__*/React.createElement("div", {
      className: "wkp-zweitausbildung-pois-popup-row",
      key: feat.get("name"),
      onMouseEnter: () => layer[index].highlightFromPopup(feat, true),
      onMouseLeave: () => layer[index].highlightFromPopup(feat, false)
    }, /*#__PURE__*/React.createElement("b", null, feat.get("name")), !!feat.get("rail_away") && /*#__PURE__*/React.createElement("div", {
      className: "wkp-zweitausbildung-pois-popup-railaway"
    }, "RailAway"), /*#__PURE__*/React.createElement("div", {
      className: "wkp-zweitausbildung-pois-popup-image"
    }, !!feat.get("foto") && /*#__PURE__*/React.createElement("img", {
      src: feat.get("foto"),
      draggable: "false",
      alt: t("Kein Bildtext")
    })))));
  }
}
ZweitausbildungPoisPopup.propTypes = propTypes;
const composed = ZweitausbildungPoisPopup;
composed.renderTitle = (feat, layer, t) => t("Detailinformationen");
composed.hidePagination = true;
export default composed;
//# sourceMappingURL=ZweitausbildungPoisPopup.js.map