import React from "react";
import { Typography } from "@mui/material";
import { makeStyles } from "@mui/styles";
import useTranslation from "../../utils/useTranslation";
import LegendCircle from "../../components/LegendCircle/LegendCircle";
const useStyles = makeStyles(theme => ({
  grid: {
    display: "grid",
    gridTemplateColumns: "1fr 8fr",
    gridGap: theme.spacing(1)
  }
}));
function MesswagenPhotosLayerInfo() {
  const classes = useStyles();
  const {
    t
  } = useTranslation();
  return /*#__PURE__*/React.createElement("div", {
    className: classes.grid
  }, /*#__PURE__*/React.createElement(LegendCircle, {
    fillColor: "#eb0000"
  }), /*#__PURE__*/React.createElement(Typography, null, t("SBB-Funkmesswagen")), /*#__PURE__*/React.createElement(LegendCircle, {
    fillColor: "#2d567d"
  }), /*#__PURE__*/React.createElement(Typography, null, t("Verschiedenes")));
}
export default MesswagenPhotosLayerInfo;
//# sourceMappingURL=MesswagenPhotosLayerInfo.js.map