import { jsx as _jsx } from "react/jsx-runtime";
import { memo } from 'react';
import { InfoCircleOutlined } from '@ant-design/icons';
import { Text, TooltipProvider } from '@cube-dev/ui-kit';
export const ItemInfoIcon = memo(function InfoIcon({ color = 'dark-02', description, }) {
    const icon = _jsx(InfoCircleOutlined, { style: { color: `var(--${color}-color)` } });
    if (typeof description === 'string') {
        description = description?.trim();
    }
    if (!description) {
        return icon;
    }
    return (_jsx(TooltipProvider, { activeWrap: true, title: _jsx(Text, { preset: "p3", children: description }), children: icon }));
});
//# sourceMappingURL=ItemInfoIcon.js.map