digitransit-ui/app/component/map/popups/SelectedStopPopup.js

import PropTypes from 'prop-types';
import React from 'react';
import { configShape } from '../../../util/shapes';
import { isBrowser } from '../../../util/browser';

const Popup = isBrowser ? require('react-leaflet/es/Popup').default : null; // eslint-disable-line global-require

export default function SelectedStopPopup({ lat, lon, children }, { config }) {
  return (
    <Popup
      position={{ lat: lat + 0.0001, lng: lon }}
      offset={[50, 15]}
      maxWidth={config.map.genericMarker.popup.maxWidth}
      autoPan={false}
      className="origin-popup"
    >
      {children}
    </Popup>
  );
}

SelectedStopPopup.propTypes = {
  lat: PropTypes.number.isRequired,
  lon: PropTypes.number.isRequired,
  children: PropTypes.node.isRequired,
};

SelectedStopPopup.contextTypes = {
  config: configShape.isRequired,
};

SelectedStopPopup.displayName = 'SelectedStopLabel';