'use strict';

var react = require('@linaria/react');
var index = require('../../core/Tooltip/index.js');
var React = require('react');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

const NameItem = /*#__PURE__*/react.styled('div')({
  name: "NameItem",
  class: "E_4100_0_7_n12mqh7z",
  propsAsIs: false
});
const TooltipText = /*#__PURE__*/react.styled('span')({
  name: "TooltipText",
  class: "E_4100_0_7_tf5bynu",
  propsAsIs: false
});
const ToolTipStyle = "E_4100_0_7_tcckoz1";
const NamesTooltip = props => {
  const {
    names,
    children
  } = props;
  return /* @__PURE__ */React__default.default.createElement(index, {
    title: /* @__PURE__ */React__default.default.createElement(React__default.default.Fragment, null, names.map(name => /* @__PURE__ */React__default.default.createElement(NameItem, {
      key: name.id
    }, name.name))),
    overlayClassName: ToolTipStyle
  }, /* @__PURE__ */React__default.default.createElement(TooltipText, {
    className: "dashed-border-bottom"
  }, children));
};
var NamesTooltip$1 = NamesTooltip;

module.exports = NamesTooltip$1;
