import { Tooltip, TooltipProps } from 'antd';
import React from 'react';

interface AppTooltipProps extends Omit<TooltipProps, 'children'> {
  children: React.ReactNode;
  content?: React.ReactNode;
  className?: string;
}

const AppTooltip: React.FC<AppTooltipProps> = ({
  children,
  content,
  className,
  placement = 'bottom',
  ...props
}) => {
  if (!content) return <>{children}</>;

  return (
    <Tooltip
      title={content}
      placement={placement}
      className={className}
      {...props}
    >
      {children}
    </Tooltip>
  );
};

export default AppTooltip;