import React, { PropsWithChildren, ReactElement, useMemo } from 'react'; import { TypedVariableModel, VariableHide } from '@grafana/data'; import { selectors } from '@grafana/e2e-selectors'; import { Stack, Tooltip } from '@grafana/ui'; import { variableAdapters } from '../adapters'; import { VARIABLE_PREFIX } from '../constants'; interface Props { variable: TypedVariableModel; readOnly?: boolean; } export const PickerRenderer = (props: Props) => { const PickerToRender = useMemo(() => variableAdapters.get(props.variable.type).picker, [props.variable]); if (!props.variable) { return