@navinc/base-react-components
Version:
Nav's Pattern Library
40 lines (39 loc) • 1.48 kB
TypeScript
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 {};