import { ReactElement } from 'react';
import { ListVariableSpec, VariableName, VariableValue } from '@perses-dev/core';
import { VariableOption, VariableState } from '@perses-dev/plugin-system';
import { UseQueryResult } from '@tanstack/react-query';
type VariableProps = {
    name: VariableName;
    source?: string;
};
export declare function Variable({ name, source }: VariableProps): ReactElement;
export declare function useListVariableState(spec: ListVariableSpec | undefined, state: VariableState | undefined, variablesOptionsQuery: Partial<UseQueryResult<VariableOption[]>>): {
    value: VariableValue | undefined;
    loading: boolean;
    options: VariableOption[] | undefined;
    selectedOptions: VariableOption | VariableOption[];
    viewOptions: VariableOption[];
};
export {};
//# sourceMappingURL=Variable.d.ts.map