import { ReactNode } from 'react';
import { IconName } from './icons/index.js';
declare const variations: {
    readonly positive: {
        readonly bgColor: "navStatusPositive200";
        readonly icon: "navStatusPositive";
    };
    readonly negative: {
        readonly bgColor: "navStatusNegative200";
        readonly icon: "navStatusNegative";
    };
    readonly improve: {
        readonly bgColor: "navSecondary";
        readonly icon: "navSecondary600";
    };
    readonly neutral: {
        readonly bgColor: "navNeutral100";
        readonly icon: "navNeutral400";
    };
};
type InsightType = keyof typeof variations;
export declare const StyledInsight: import("styled-components").StyledComponent<"aside", import("styled-components").DefaultTheme, {
    type?: "neutral" | "positive" | "improve" | "negative" | undefined;
}, never>;
type CardInsightProps = {
    action?: () => void;
    actionHref?: string;
    actionLabel?: string;
    isActionLoading?: boolean;
    type?: InsightType;
    title?: ReactNode;
    copy?: ReactNode;
    shouldOpenNewTab?: boolean;
    className?: string;
    icon?: IconName;
    'data-testid'?: string;
};
export declare const CardInsight: import("styled-components").StyledComponent<({ action, actionHref, actionLabel, isActionLoading, className, copy, icon, shouldOpenNewTab, type, title, "data-testid": dataTestId, }: CardInsightProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
export {};