import React from 'react';
import { PaymentStatus } from '../../../hooks/usePayment';
import { WalletStep } from '../../common/ConnectOptions/DesktopOptions';
import { MobileWalletStep } from '../../common/ConnectOptions/MobileOptions';
interface PaymentDetailsProps {
    children: React.ReactNode;
    onlyWithProvider?: boolean;
    changeWalletStep: <T extends WalletStep | MobileWalletStep>(step: T) => void;
}
export declare const PaymentDetailsContext: React.Context<{
    payment_intent_id: string;
    payment_chain_id: string;
    payment_address: string;
    token_address: string;
    symbol: string;
    decimals: number;
    crypto_amount: string;
    fiat_amount: string;
    fiat_currency: "TWD" | "USD";
    payment_deadline: number;
    status: PaymentStatus;
    payment_tx_hash: string | null;
    callback_url: string | null;
    order_data: Record<string, any> | null;
    group_key?: string;
} | undefined>;
export declare function PaymentDetails({ children, onlyWithProvider, changeWalletStep }: PaymentDetailsProps): import("react/jsx-runtime").JSX.Element;
export {};