import { TooltipPropsT } from '@anticxyz/theme/components/Tooltip';
declare const themeTypes: {
    colors: {
        'gray-50': string;
        'gray-100': string;
        'gray-150': string;
        'gray-200': string;
        'gray-300': string;
        'gray-400': string;
        'gray-500': string;
        'on-primary': string;
        'red-200': string;
        'red-50': string;
        'green-200': string;
        'green-50': string;
        'yellow-200': string;
        'yellow-50': string;
        slider: string;
        'primary-200': string;
        'primary-300': string;
        'primary-400': string;
        'primary-500': string;
        'primary-600': string;
    };
    gradients: {
        background: string;
        skeletonLoader: string;
        link: string;
    };
    fonts: {
        main: string;
    };
    textStyles: {
        h3: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        h4: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        h5: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        subtitle1: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        subtitle3: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        body1: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        body2: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        body3: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        body4: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        body5: {
            fontSize: string;
            lineHeight: string;
        };
        body6: {
            fontSize: string;
            lineHeight: string;
        };
        caption: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
        button: {
            fontWeight: number;
            fontSize: string;
            lineHeight: string;
        };
    };
    borderRadius: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    spacing: (value: number) => string;
    variant: "gates" | "groups";
};
declare const PaymentLine: ({ title, amount, isLoading, errorMsg, tooltipProps, titleVariant, numberVariant, }: {
    title: string;
    amount: string;
    isLoading: boolean;
    errorMsg?: string | undefined;
    tooltipProps?: Pick<TooltipPropsT, "height" | "width" | "position" | "texts" | "onHover"> | undefined;
    titleVariant?: "button" | "caption" | "h3" | "h4" | "h5" | "body4" | "subtitle1" | "subtitle3" | "body1" | "body2" | "body3" | "body5" | "body6" | undefined;
    numberVariant?: "button" | "caption" | "h3" | "h4" | "h5" | "body4" | "subtitle1" | "subtitle3" | "body1" | "body2" | "body3" | "body5" | "body6" | undefined;
}) => JSX.Element;
export default PaymentLine;