antd/es/tooltip/UniqueProvider/MotionContent.js

An enterprise-class UI design language and React components implementation

"use client";

import React from 'react';
import CSSMotion from '@rc-component/motion';
import { clsx } from 'clsx';
import { ConfigContext } from '../../config-provider/context';
const MotionContent = ({
  children
}) => {
  const {
    getPrefixCls
  } = React.useContext(ConfigContext);
  const rootPrefixCls = getPrefixCls();
  // This will never reach since we will not render this when no children
  /* istanbul ignore next */
  if (! /*#__PURE__*/React.isValidElement(children)) {
    return children;
  }
  return /*#__PURE__*/React.createElement(CSSMotion, {
    visible: true,
    motionName: `${rootPrefixCls}-fade`,
    motionAppear: true,
    motionEnter: true,
    motionLeave: false,
    removeOnLeave: false
  }, ({
    style: motionStyle,
    className: motionClassName
  }) => {
    const {
      className,
      style
    } = children.props;
    const mergedStyles = {
      ...style,
      ...motionStyle
    };
    return /*#__PURE__*/React.cloneElement(children, {
      className: clsx(className, motionClassName),
      style: mergedStyles
    });
  });
};
export default MotionContent;