import { HTMLAttributes } from 'react';
import { ChainVibeEventWithData } from '../../types/events';
import { Abi } from 'abitype';
export interface NotificationBoxProps<TAbi extends Abi> extends HTMLAttributes<HTMLDivElement> {
    event?: ChainVibeEventWithData<TAbi>;
    wrapperClassName?: string;
    headerClassName?: string;
    titleGroupClassName?: string;
    titleClassName?: string;
    badgeClassName?: string;
    timestampClassName?: string;
    messageClassName?: string;
    metaGridClassName?: string;
    metaItemClassName?: string;
    metaLabelClassName?: string;
    metaValueClassName?: string;
    metaMonoClassName?: string;
    animateAppear?: boolean;
    onBoxClick?: (event?: ChainVibeEventWithData<Abi>) => void;
    show?: {
        title?: boolean;
        message?: boolean;
        action?: boolean;
        timestamp?: boolean;
        wallet?: boolean;
        hash?: boolean;
        amount?: boolean;
        amountUSD?: boolean;
        tokenSymbol?: boolean;
        rawAmounts?: boolean;
        timestampTimeAgo?: boolean;
    };
    format?: {
        timestampTimeAgo?: (timestamp: number) => string;
        timestamp?: (timestamp: number) => string;
        hash?: (hash: `0x${string}`) => string;
        wallet?: (wallet: `0x${string}`) => string;
        amount?: (amount: string) => string;
        amountUSD?: (amount: string) => string;
    };
    idx?: number;
}
export declare function NotificationBox<TAbi extends Abi>({ event, wrapperClassName, headerClassName, titleGroupClassName, titleClassName, badgeClassName, timestampClassName, messageClassName, metaGridClassName, metaItemClassName, metaLabelClassName, metaValueClassName, metaMonoClassName, show, animateAppear, format, onBoxClick, ...props }: NotificationBoxProps<TAbi>): import("react/jsx-runtime").JSX.Element | null;
export declare function NotificationBoxSkeleton({ wrapperClassName, headerClassName, titleGroupClassName, titleClassName, badgeClassName, timestampClassName, messageClassName, metaGridClassName, metaItemClassName, metaLabelClassName, metaValueClassName, metaMonoClassName, show, idx, animateAppear: _animateAppear, ...props }: Omit<NotificationBoxProps<Abi>, "event">): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=NotificationBox.d.ts.map