import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
import { jsx } from 'react/jsx-runtime';
import { Tooltip } from '../Tooltip/index.js';
import HelpIcon from '@iam-com/icons/Help';
import clsx from 'clsx';
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
import '../_verture/slicedToArray-76060636.js';
import '../_verture/unsupportedIterableToArray-cb478f24.js';
import 'react';
import 'rc-tooltip';
import 'rc-tooltip/lib/placements';

var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/12/2 下午8:14\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-help {\n  display: inline-block;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-help:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-help svg {\n  font-size: inherit;\n  color: inherit;\n}";
styleInject(css_248z);

//help
var Help = function Help(props) {
  var _props$title = props.title,
    title = _props$title === void 0 ? '' : _props$title,
    children = props.children,
    _props$arrow = props.arrow,
    arrow = _props$arrow === void 0 ? true : _props$arrow,
    className = props.className,
    _props$placement = props.placement,
    placement = _props$placement === void 0 ? 'top' : _props$placement,
    restProps = __rest(props, ["title", "children", "arrow", "className", "placement"]);
  return jsx(Tooltip, Object.assign({
    title: title,
    arrow: arrow,
    placement: placement
  }, restProps, {
    children: jsx("span", Object.assign({
      className: clsx($prefixCls + '-help', className)
    }, {
      children: children || jsx(HelpIcon, {})
    }))
  }));
};

export { Help as default };
