import React from 'react';
import { Tooltip } from '@easyv/antd';
import { TooltipProps } from '@easyv/antd/lib/tooltip';
import styles from './style.less';

const EasyvTooltip = (props: TooltipProps) => {
  const {
    color = 'rgba(0, 0, 0, 0.88)',
    trigger = 'hover',
    placement = 'bottom',
    children,
    overlayClassName = styles.tooltip,
    ...otherProps
  } = props;

  return (
    <Tooltip color={color} trigger={trigger} placement={placement} overlayClassName={overlayClassName} {...otherProps}>
      {children}
    </Tooltip>
  );
};
export default EasyvTooltip;
