'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var core = require('@linaria/core');
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);

var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
  enumerable: true,
  configurable: true,
  writable: true,
  value
}) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
  }
  return a;
};
var __objRest = (source, exclude) => {
  var target = {};
  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
  }
  return target;
};
const UnderlineTooltipStyle = "E_u15heuvq";
const UnderlineTooltip = props => {
  const _a = props,
    {
      style = "dashed",
      color = "rgba(107, 128, 167, 0.6)",
      width = "1px",
      contentColor,
      customContentColor,
      link,
      underlineContentClassName,
      title,
      children,
      className
    } = _a,
    rest = __objRest(_a, ["style", "color", "width", "contentColor", "customContentColor", "link", "underlineContentClassName", "title", "children", "className"]);
  return /* @__PURE__ */React__default.default.createElement(index, __spreadValues({
    className: core.cx(UnderlineTooltipStyle, className),
    title: title || children
  }, rest), /* @__PURE__ */React__default.default.createElement("span", {
    className: core.cx("content", !customContentColor && contentColor, link && "link", underlineContentClassName),
    style: {
      borderBottomColor: color,
      borderBottomStyle: style,
      borderBottomWidth: width,
      color: customContentColor
    }
  }, children));
};
var UnderlineTooltip$1 = UnderlineTooltip;

exports.UnderlineTooltipStyle = UnderlineTooltipStyle;
exports.default = UnderlineTooltip$1;
