import React from "react";
import PropTypes from "prop-types";
import Feature from "ol/Feature";
import { makeStyles } from "@mui/styles";
import useTranslation from "../../utils/useTranslation";
import Line from "./Line";
import Person from "./Person";
const useStyles = makeStyles(theme => ({
  description: {
    flex: "0 0",
    "& > div:first-child": {
      paddingBottom: theme.spacing(2)
    }
  }
}));
function Nl(_ref) {
  let {
    feature
  } = _ref;
  const {
    t
  } = useTranslation();
  const classes = useStyles();
  const {
    niederlassung_name: name,
    niederlassung_leiter: leiter
  } = feature.getProperties();
  const person = leiter && JSON.parse(leiter);
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Line, {
    feature: feature
  }), /*#__PURE__*/React.createElement("div", {
    className: classes.description
  }, /*#__PURE__*/React.createElement("div", null, "".concat(t("Leiter Perimeter"), " ").concat(name)), person && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Person, {
    person: person,
    isIntern: true
  }))));
}
Nl.propTypes = {
  feature: PropTypes.instanceOf(Feature).isRequired
};
export default Nl;
//# sourceMappingURL=Nl.js.map