import React from 'react';
import "./AlternativeTooltip.scss";
import ok from '../../../assets/images/tooltip-ok.svg';

export type AlternativeTooltipProps = {
    icon?: string
    text: string
}

/**
 * Used in MODULE BOX, NEEDS relative parent
 */

const AlternativeTooltip = ({text, icon = ok}: AlternativeTooltipProps) => {
    return (
        <span className="alternative-tooltip">
            <img className="alternative-tooltip--img" alt="infoIcon" src={icon}/>
            <span className="alternative-tooltip--text">{text}</span>
        </span>
    )
};

export default AlternativeTooltip;