digitransit-ui/app/component/itinerary/navigator/navigatorgeolocation/NaviGeolocationInfo.js

import Button from '@hsl-fi/button';
import PropTypes from 'prop-types';
import React from 'react';
import { FormattedMessage, intlShape } from 'react-intl';
import { configShape } from '../../../../util/shapes';

const NaviGeolocationInfo = ({ logo, onClose }, context) => {
  const { intl } = context;
  return (
    <div className="geolocation-body">
      {logo && <img src={logo} alt="navigator geolocation graphic" />}
      <FormattedMessage tagName="h2" id="navi-geolocation-approval" />
      <FormattedMessage tagName="p" id="navi-geolocation-details" />
      <Button
        size="large"
        fullWidth
        variant="white"
        value={intl.formatMessage({ id: 'back' })}
        onClick={onClose}
      />
    </div>
  );
};

NaviGeolocationInfo.propTypes = {
  logo: PropTypes.string,
  onClose: PropTypes.func.isRequired,
};

NaviGeolocationInfo.defaultProps = {
  logo: undefined,
};

NaviGeolocationInfo.contextTypes = {
  intl: intlShape.isRequired,
  config: configShape.isRequired,
};

export default NaviGeolocationInfo;