/**
 * Copyright 2024 Phenix Real Time Solutions, Inc. Confidential and Proprietary. All Rights Reserved.
 */
import React from 'react';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faQuestionCircle, IconDefinition} from '@fortawesome/free-solid-svg-icons';

import {Tooltip, Position} from 'components/tooltip';

interface ILabelIconTooltip {
  message: string;
  icon?: IconDefinition;
  position?: Position;
}

export const LabelIconTooltip = ({message, icon, position}: ILabelIconTooltip): React.JSX.Element => (
  <Tooltip
    position={position || Position.Right}
    message={message}
    width={300}
  >
    <FontAwesomeIcon icon={icon || faQuestionCircle} />
  </Tooltip>
);

export default LabelIconTooltip;