"use strict";

var _style = require("styled-jsx/style");

var _style2 = _interopRequireDefault(_style);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Info = function Info(props) {
  return React.createElement(
    "div",
    { className: "info", "data-jsx": 4175641870
    },
    React.createElement(_style2.default, {
      styleId: 4175641870,
      css: ".question-mark[data-jsx=\"4175641870\"] {width: 18px;height: 18px;}.tooltip[data-jsx=\"4175641870\"] {z-index: 20;width: 250px;padding-top: 5px;left: -50px;}.tooltip-content[data-jsx=\"4175641870\"][data-jsx=\"4175641870\"]:before {content: '';top: -4px;left: 55px;-webkit-transform: rotate(45deg);transform: rotate(45deg);width: 8px;height: 8px;}.bgWhite10,\n.question-mark[data-jsx=\"4175641870\"] {background-color: hsla(0,0%,100%,.1);}.flex,\n.question-mark[data-jsx=\"4175641870\"] {display: -ms-flexbox;display: flex;}.itemsCenter,\n.question-mark[data-jsx=\"4175641870\"] {-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}.justifyCenter,\n.question-mark[data-jsx=\"4175641870\"] {-ms-flex-pack: center;justify-content: center;}.white40,\n.question-mark[data-jsx=\"4175641870\"] {color: hsla(0,0%,100%,.4);}.f12,\n.question-mark[data-jsx=\"4175641870\"] {font-size: 12px;}.fw6,\n.question-mark[data-jsx=\"4175641870\"] {font-weight: 600;}.br100,\n.question-mark[data-jsx=\"4175641870\"] {border-radius: 100%;}.pointer:hover,\n.question-mark[data-jsx=\"4175641870\"]:hover {cursor: pointer;}.dn,\n.tooltip[data-jsx=\"4175641870\"] {display: none;}.absolute,\n.tooltip[data-jsx=\"4175641870\"],\n.tooltip-content[data-jsx=\"4175641870\"][data-jsx=\"4175641870\"]:before {position: absolute;}.br2,\n.tooltip-content[data-jsx=\"4175641870\"] {border-radius: 2px;}.bgWhite,\n.tooltip-content[data-jsx=\"4175641870\"],\n.tooltip-content[data-jsx=\"4175641870\"][data-jsx=\"4175641870\"]:before {background-color: #fff;}.pa16,\n.tooltip-content[data-jsx=\"4175641870\"] {padding: 16px;}.black50,\n.tooltip-content[data-jsx=\"4175641870\"] {color: rgba(0,0,0,.5);}.f14,\n.tooltip-content[data-jsx=\"4175641870\"] {font-size: 14px;}.fw4,\n.tooltip-content[data-jsx=\"4175641870\"] {font-weight: 400;}.relative,\n.tooltip-content[data-jsx=\"4175641870\"],\n.info[data-jsx=\"4175641870\"] {position: relative;}.absolute,\n.tooltip[data-jsx=\"4175641870\"],\n.tooltip-content[data-jsx=\"4175641870\"][data-jsx=\"4175641870\"]:before {position: absolute;}.bgWhite,\n.tooltip-content[data-jsx=\"4175641870\"],\n.tooltip-content[data-jsx=\"4175641870\"][data-jsx=\"4175641870\"]:before {background-color: #fff;}.ml10,\n.info[data-jsx=\"4175641870\"] {margin-left: 10px;}.relative,\n.tooltip-content[data-jsx=\"4175641870\"],\n.info[data-jsx=\"4175641870\"] {position: relative;}.db,\n.info[data-jsx=\"4175641870\"][data-jsx=\"4175641870\"]:hover .tooltip[data-jsx=\"4175641870\"] {display: block;}.bgBlue,\n.info[data-jsx=\"4175641870\"][data-jsx=\"4175641870\"]:hover .question-mark[data-jsx=\"4175641870\"] {background-color: #2a7ed2;}.white,\n.info[data-jsx=\"4175641870\"][data-jsx=\"4175641870\"]:hover .question-mark[data-jsx=\"4175641870\"] {color: #fff;}"
    }),
    React.createElement(
      "div",
      { className: "question-mark", "data-jsx": 4175641870
      },
      "?"
    ),
    React.createElement(
      "div",
      { className: "tooltip", "data-jsx": 4175641870
      },
      React.createElement(
        "div",
        { className: "tooltip-content", "data-jsx": 4175641870
        },
        props.children
      )
    )
  );
};
exports.default = Info;
//# sourceMappingURL=Info.jsx.map