import React from 'react';

import type { IIconProps } from '@spinnaker/presentation';
import { Icon } from '@spinnaker/presentation';

import type { ITooltipProps } from './Tooltip';
import { Tooltip } from './Tooltip';

export interface IconTooltipProps extends IIconProps {
  tooltip: string;
  placement?: ITooltipProps['placement'];
  delayShow?: ITooltipProps['delayShow'];
  wrapperClassName?: string;
}

export const IconTooltip = ({ tooltip, placement, delayShow, wrapperClassName, ...iconProps }: IconTooltipProps) => {
  return (
    <Tooltip value={tooltip} placement={placement} delayShow={delayShow}>
      <div className={wrapperClassName}>
        <Icon {...iconProps} />
      </div>
    </Tooltip>
  );
};