text: 'use strict';
  
  exports.__esModule = true;
  
  var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
  
  var _templateObject = _taggedTemplateLiteralLoose(['\n  background: white;\n  border-radius: 2px;\n  box-shadow:\n    0px 1px 5px 0px rgba(0, 0, 0, 0.2),\n    0px 2px 2px 0px rgba(0, 0, 0, 0.14),\n    0px 3px 1px -2px rgba(0, 0, 0, 0.12);\n  padding: 8px 16px;\n  margin-top: 8px;\n\n\n\n  color: #363636!important;\n'], ['\n  background: white;\n  border-radius: 2px;\n  box-shadow:\n    0px 1px 5px 0px rgba(0, 0, 0, 0.2),\n    0px 2px 2px 0px rgba(0, 0, 0, 0.14),\n    0px 3px 1px -2px rgba(0, 0, 0, 0.12);\n  padding: 8px 16px;\n  margin-top: 8px;\n\n\n\n  color: #363636!important;\n']);
  
  var _react = require('react');
  
  var _react2 = _interopRequireDefault(_react);
  
  var _styledComponents = require('styled-components');
  
  var _styledComponents2 = _interopRequireDefault(_styledComponents);
  
  var _pointsUtils = require('../../utils/pointsUtils');
  
  var _selectors = require('../../selectors');
  
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  
  function _taggedTemplateLiteralLoose(strings, raw) { strings.raw = raw; return strings; }
  
  var Container = _styledComponents2.default.div(_templateObject);
  
  function Content(props) {
    var geometry = props.annotation.geometry;
  
    if (!geometry) return null;
  
    var zoomBetweenZeroAndOne = Math.abs((props.imageZoomAmount - 1) / 4 - 1);
  
    var style = {};
  
    if (geometry.type === _selectors.PolygonSelector.TYPE) {
      style = {
        marginRight: "50%",
        marginLeft: "-50%"
      };
    } else {
      style = {
        marginLeft: "8px"
      };
    }
  
    return _react2.default.createElement(
      'div',
      {
        style: _extends({
          position: 'absolute',
          left: geometry.type === _selectors.PolygonSelector.TYPE ? (0, _pointsUtils.getHorizontallyCentralPoint)(geometry.points) + '%' : geometry.x + '%',
          top: geometry.type === _selectors.PolygonSelector.TYPE ? (0, _pointsUtils.getVerticallyLowestPoint)(geometry.points) + '%' : geometry.y + geometry.height + '%',
          zIndex: 999
        }, props.style),
        className: props.className,
        geometry: geometry
      },
      _react2.default.createElement(
        Container,
        {
          style: style
        },
        props.annotation.data && props.annotation.data.text
      )
    );
  }
  
  Content.defaultProps = {
    style: {},
    className: ''
  };
  
  exports.default = Content;
  module.exports = exports['default'];