import type { CalculateVariablesResponse } from '../types/index.js';
import { RoxyDataElement } from '../utils/base-element.js';
/**
 * Human Design variables (the four arrows / PHS). Renders /human-design/variables: the four transformation arrows laid out as they sit on the bodygraph head (top-left/right Determination + Motivation, bottom-left/right Environment + Perspective), each showing its left/right direction, the digestion/environment/awareness/perspective labels, and its color/tone/base. A low-confidence calculation (near a color/tone boundary) is flagged.
 */
export declare class RoxyHdVariables extends RoxyDataElement<CalculateVariablesResponse> {
    static styles: import("lit").CSSResult[];
    protected renderData(d: CalculateVariablesResponse): import("lit").TemplateResult<1>;
    private renderArrow;
    protected renderEmpty(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'roxy-hd-variables': RoxyHdVariables;
    }
}
//# sourceMappingURL=hd-variables.d.ts.map