import React from "react";
import { ExpressionValue } from "@appglue/common/dist/Expressions/ExpressionValue";
import { CompactColor, ExpressionRenderType } from "../Structure/ExpressionReactContext";
import { BaseTestResultData } from "@appglue/common/dist/Common/Testing/BaseTestResultData";
export declare const VariableElement: import("styled-components").StyledComponent<"div", any, {
    renderType: ExpressionRenderType;
    compactColor?: CompactColor | undefined;
}, never>;
export declare class ExpressionValueRenderer extends React.Component<{
    el: ExpressionValue;
}> {
    static contextType: React.Context<import("../Structure/ExpressionReactContext").IExpressionContext>;
    handleSelectExpression(event: React.MouseEvent<HTMLElement>): void;
    checkPassedInTest(testcontext: BaseTestResultData | undefined): boolean | null;
    getTestValueColor(testcontext: BaseTestResultData | undefined): string | undefined;
    render(): JSX.Element;
    renderMissingElement(): JSX.Element;
    renderError(): JSX.Element;
    renderVariableName(): string | undefined;
    renderValue(): any;
    renderTestValue(textcontext: BaseTestResultData | undefined): JSX.Element | null;
    renderSelectedElements(testcontext: BaseTestResultData | undefined): JSX.Element;
    renderUnselectedElements(testcontext: BaseTestResultData | undefined): JSX.Element;
}
