react-mapfilter/esm/ReportView/MarkerIcon.js

These components are designed for viewing data in Mapeo. They share a common interface:

// @flow
import * as React from 'react';
import assign from 'object-assign';
const styles = {
  svg: {
    width: 32,
    height: 32
  },
  outline: {
    stroke: '#ffffff',
    strokeWidth: 4.9,
    strokeMiterlimit: 4,
    strokeOpacity: 0.75,
    fill: 'none'
  },
  text: {
    fill: '#fff'
  }
};
/*:: type Props = {
  style: Object,
  color: string,
  label?: string
}*/

/* A circle icon with an optional label, for map & reports */
const MarkerIcon
/*: React.StatelessFunctionalComponent<Props>*/
= ({
  style = {},
  color = '#000000',
  label
}) => {
  return /*#__PURE__*/React.createElement("svg", {
    version: "1.1",
    style: assign({}, styles.svg, style),
    viewBox: "0 0 40 40"
  }, /*#__PURE__*/React.createElement("circle", {
    style: assign({}, styles.outline, {
      fill: color
    }),
    r: "20",
    cx: "20",
    cy: "20"
  }), label && /*#__PURE__*/React.createElement("text", {
    x: "20",
    y: "27",
    fontSize: "20",
    fontFamily: "Roboto",
    textAnchor: "middle",
    style: styles.text
  }, label));
};

export default MarkerIcon;
//# sourceMappingURL=MarkerIcon.js.map