import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { Badge, TooltipProvider } from '@cube-dev/ui-kit';
import { useQueryBuilderContext } from '../context';
export function OutdatedLabel() {
    let { isApiTokenChanged, isDataModelChanged, isQueryTouched, isResultOutdated } = useQueryBuilderContext();
    let title = (_jsxs(_Fragment, { children: [isApiTokenChanged && _jsx("div", { children: "Security context has changed" }), isDataModelChanged && _jsx("div", { children: "Data model has been updated" }), isQueryTouched && _jsx("div", { children: "Query has changed" })] }));
    return (_jsx(TooltipProvider, { activeWrap: true, title: title, children: _jsx(Badge, { type: "disabled", styles: { cursor: 'default' }, children: "OUTDATED" }) }));
}
//# sourceMappingURL=OutdatedLabel.js.map