/** @jsx h */
import { SpsInsightCardKind, SpsIcon } from "@spscommerce/ds-shared";
import { ClassBindings } from "../../decorators/index";
export declare class SpsInsightCardComponent extends HTMLElement {
    static readonly displayName = "sps-insight-card";
    static readonly props: {
        icon: string;
        kind: string;
        title: string;
        metric: string;
        partnerCount: string;
        totalPartners: string;
        secondary: string;
    };
    /** If icon is provided then it will override the default icon associated with kind */
    icon: SpsIcon;
    /** Specifies which of the visual styling variants of the Insight Card to use. */
    kind: SpsInsightCardKind;
    title: string;
    /** The main number representing the metric that the Insight Card is intended to surface. */
    metric: number;
    /**
     * The number of partners this insight applies to.
     * Must be used together with `totalPartners`.
     */
    partnerCount: number;
    /** The total number of partners. Must be used together with `partnerCount`. */
    totalPartners: number;
    /**
     * Whether this is a "secondary" Insight Card,
     * meaning it will be displayed in a compact layout.
     */
    secondary: boolean;
    private content;
    private detail;
    get [ClassBindings](): string[];
    render(): JSX.Element;
}