import { jsx as _jsx } from "react/jsx-runtime";
import { Tooltip } from '../../Tooltip';
import { hintIconClassnames } from '../constants';
import { IconWrapper } from './styles';
import { useLogic } from './useLogic';
export const Icon = (props) => {
    const { getIcon, iconColor } = useLogic(props);
    const { onClick, note, tooltipPlacement, tooltipWidth } = props;
    return (_jsx(Tooltip, { title: note, placement: tooltipPlacement, width: tooltipWidth, children: _jsx(IconWrapper, { onClick: onClick, "$color": iconColor, className: hintIconClassnames.iconWrapper, children: getIcon() }) }));
};
