import type { CalculateBioCompatibilityResponse, CalculateCompatibilityResponse, CalculateNumCompatibilityResponse } from '../types/index.js';
import { RoxyDataElement } from '../utils/base-element.js';
type CompatibilityData = CalculateCompatibilityResponse | CalculateNumCompatibilityResponse | CalculateBioCompatibilityResponse;
/**
 * Cross-domain compatibility card. Renders /astrology/compatibility-score,
 * /numerology/compatibility, or /biorhythm/compatibility responses.
 */
export declare class RoxyCompatibilityCard extends RoxyDataElement<CompatibilityData> {
    static styles: import("lit").CSSResult[];
    mode: 'astrology' | 'numerology' | 'biorhythm';
    private getBreakdown;
    protected renderEmpty(): import("lit").TemplateResult<1>;
    protected renderData(d: CompatibilityData): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'roxy-compatibility-card': RoxyCompatibilityCard;
    }
}
export {};
//# sourceMappingURL=compatibility-card.d.ts.map