import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { Action, TooltipProvider, tasty, InfoCircleIcon } from '@cube-dev/ui-kit';
const TooltipButton = tasty(Action, {
    styles: {
        display: 'inline-grid',
        placeItems: 'center',
        radius: '1r',
        width: '2.5x',
        height: '2.5x',
        color: {
            '': '#purple-text',
            pressed: '#purple',
        },
        verticalAlign: 'middle',
        preset: 't3',
    },
});
const DEFAULT_TOOLTIP_SUFFIX = 'Click the icon to learn more.';
export function InfoIconButton(props) {
    const { tooltipSuffix = DEFAULT_TOOLTIP_SUFFIX, tooltip, ...rest } = props;
    return (_jsx(TooltipProvider, { title: _jsxs(_Fragment, { children: [tooltip, " ", DEFAULT_TOOLTIP_SUFFIX !== tooltipSuffix || rest.to ? tooltipSuffix : ''] }), width: "initial max-content 40x", children: _jsx(TooltipButton, { ...rest, children: _jsx(InfoCircleIcon, {}) }) }));
}
//# sourceMappingURL=InfoIconButton.js.map