import type { CustomIconProps } from '../custom-icon';
import type { LinkProps } from '../@navigation/link';
import type { TooltipProps } from '@mui/material/Tooltip';

interface IconInfoItemProps {
  /**
   * Main icon to be placed at the top line.
   */
  mainIcon?: CustomIconProps;
  /**
   * The text to be displayed at the beginning of the middle line.
   */
  contentText: string;
  /**
   * Number to be displayed right next to the `contentText`.
   */
  contentValue: string | number;
  /**
   * Icon to be placed at the ending of the middle line (arrow by default).
   */
  contentIcon?: CustomIconProps;
  /**
   * Props to be supplied directly into the link component.
   */
  linkProps?: LinkProps;
  /**
   * If passed, a tooltip will appear on hover the current bar.
   */
  tooltipProps?: Omit<TooltipProps, 'children' | 'title'> & {
    title?: TooltipProps['title'];
  };
}

export { IconInfoItemProps };
