import React from 'react';
/**
 * CardWrapper 组件
 * 主卡片包装器，负责注入事件监听
 */
export var CardWrapper = function CardWrapper(props) {
  var children = props.children,
    trigger = props.trigger,
    onClick = props.onClick,
    onMouseEnter = props.onMouseEnter,
    onMouseLeave = props.onMouseLeave,
    className = props.className;

  // 如果 children 不是 ReactElement，直接渲染
  if (! /*#__PURE__*/React.isValidElement(children)) {
    console.warn('[MultilevelCard] card 必须是 ReactElement');
    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
  }

  // 克隆主卡片元素，注入事件监听
  var enhancedCard = /*#__PURE__*/React.cloneElement(children, {
    // onClick: (e: React.MouseEvent<HTMLDivElement>) => {
    //   // 先调用原有的 onClick
    //   const originalOnClick = (children as React.ReactElement).props.onClick;
    //   originalOnClick?.(e);
    //   // 如果是 click 模式，不需要额外处理（通过 active 控制）
    //   // 这里预留扩展
    //   onClick?.();
    // },
    // onMouseEnter: (e: React.MouseEvent<HTMLDivElement>) => {
    //   // 先调用原有的 onMouseEnter
    //   const originalOnMouseEnter = (children as React.ReactElement).props.onMouseEnter;
    //   originalOnMouseEnter?.(e);
    //   // Hover 模式下的处理
    //   if (trigger === 'hover') {
    //     onMouseEnter?.();
    //   }
    // },
    // onMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => {
    //   // 先调用原有的 onMouseLeave
    //   const originalOnMouseLeave = (children as React.ReactElement).props.onMouseLeave;
    //   originalOnMouseLeave?.(e);
    //   // Hover 模式下的处理
    //   if (trigger === 'hover') {
    //     onMouseLeave?.();
    //   }
    // },
    // className: classNames(
    //   (children as React.ReactElement).props.className,
    //   className
    // ),
  });
  return enhancedCard;
};