@funkit/connect
Version:
Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.
33 lines (32 loc) • 1.62 kB
TypeScript
import React, { type MouseEventHandler, type ReactNode } from 'react';
import { type BoxProps } from '../Box/Box';
import { type TextProps } from '../Text/Text';
export interface FunKeyValueProps {
keyIcon?: ReactNode;
keyText: string;
valueIcon?: ReactNode;
valueText: ReactNode;
disclaimerText?: string;
onClick?: MouseEventHandler | null;
hasBorder?: boolean;
keyTextColor?: BoxProps['color'];
keyTextSize?: TextProps['size'];
keyTextWeight?: TextProps['weight'];
keyGap?: BoxProps['gap'];
keySectionMaxWidth?: BoxProps['maxWidth'];
valueTextColor?: BoxProps['color'];
valueTextSize?: TextProps['size'];
valueTextWeight?: TextProps['weight'];
valueGap?: BoxProps['gap'];
reverseValueItems?: boolean;
customValueComponent?: ReactNode;
disclaimerTextColor?: BoxProps['color'];
backgroundBaseColor?: Extract<BoxProps['background'], string>;
borderColorBase?: Extract<BoxProps['borderColor'], string>;
borderColorHover?: Extract<BoxProps['borderColor'], string>;
paddingY?: BoxProps['paddingY'];
paddingX?: BoxProps['paddingX'];
isDisabled?: boolean;
}
export declare function FunKeyValue({ keyIcon, keyText, valueIcon, valueText, disclaimerText, onClick, hasBorder, backgroundBaseColor, // 'actionButtonSecondaryBackground'
borderColorBase, borderColorHover, keyTextColor, keyTextSize, keyTextWeight, keyGap, keySectionMaxWidth, valueTextColor, valueTextSize, valueTextWeight, valueGap, reverseValueItems, customValueComponent, disclaimerTextColor, paddingY, paddingX, isDisabled, }: FunKeyValueProps): React.JSX.Element;