design-system-simplefi
Version:
Design System for SimpleFi Applications
30 lines (29 loc) • 875 B
TypeScript
import React from 'react';
import { UseTooltipOptions } from '../Tooltip/hooks/useTooltip.types';
import { Colors } from '../../theme/colors/colors.types';
export declare type DataValues = {
value: number | string;
label: string;
type: 'percent' | 'currency' | 'count' | 'text';
tooltipMessage?: string;
};
export interface DataDetailProps {
principal?: boolean;
primary: DataValues;
colored?: boolean;
secondary?: DataValues;
currency?: string;
titleColor?: keyof Colors;
tooltipPlacement?: UseTooltipOptions['placement'];
style?: React.CSSProperties;
}
export interface DetailStyleProps {
colored?: boolean;
principal?: boolean;
value?: string | number;
titleColor?: keyof Colors;
}
export interface StyledTooltipProps {
$principal: boolean;
$titleColor?: keyof Colors;
}