import React from "react";
import PropTypes from "prop-types";
import { makeStyles } from "@mui/styles";
import useTranslation from "../../utils/useTranslation";
const propTypes = {
  properties: PropTypes.object.isRequired,
  staticFilesUrl: PropTypes.string.isRequired
};
const useStyles = makeStyles(() => ({
  legend: {
    overflowY: "auto",
    height: 120,
    boxShadow: "-1px 1px 2px rgba(0, 0, 0, 0.4)"
  }
}));
function ZweitausbildungRoutesSubLayerInfo(_ref) {
  let {
    properties,
    staticFilesUrl
  } = _ref;
  const {
    t
  } = useTranslation();
  const {
    infos
  } = properties.get("zweitausbildung");
  const {
    title,
    desc,
    legend
  } = infos;
  const classes = useStyles();
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", null, t(title)), /*#__PURE__*/React.createElement("p", null, t(desc)), /*#__PURE__*/React.createElement("div", {
    className: classes.legend
  }, /*#__PURE__*/React.createElement("img", {
    width: 382,
    src: "".concat(staticFilesUrl, "/img/layers/zweitausbildung/").concat(legend.image),
    draggable: "false",
    alt: t("Kein Bildtext")
  })));
}
ZweitausbildungRoutesSubLayerInfo.propTypes = propTypes;
export default ZweitausbildungRoutesSubLayerInfo;
//# sourceMappingURL=ZweitausbildungRoutesSubLayerInfo.js.map