import React from 'react';
import type { CollectionOptions, PaymentsListDefaultFilters, StepChange } from './connectTypes';
import { CommonComponentProps } from './EmbeddedComponent';
export { NavigationBar } from './NavigationBar';
export type { NavigationBarProps } from './NavigationBar';
/**
 * A full-screen modal component for Connect account onboarding.
 * Guides connected accounts through the process of providing required information.
 *
 * **Platform differences:**
 * - iOS: Uses native modal with UIKit navigation bar
 * - Android: Uses React Native Modal with custom navigation bar
 *
 * @param props.title - Optional title displayed in navigation bar
 * @param props.onExit - Required callback when user closes the onboarding flow
 * @param props.onStepChange - Optional callback fired when onboarding step changes
 * @param props.recipientTermsOfServiceUrl - URL for recipient terms of service
 * @param props.fullTermsOfServiceUrl - URL for full terms of service
 * @param props.privacyPolicyUrl - URL for privacy policy
 * @param props.collectionOptions - Configuration for which account fields to collect
 * @param props.onLoaderStart - Callback when component begins loading
 * @param props.onLoadError - Callback when component fails to load
 * @param props.onPageDidLoad - Callback when component finishes loading
 *
 * @example
 * ```tsx
 * <ConnectAccountOnboarding
 *   title="Complete your account setup"
 *   onExit={() => navigation.goBack()}
 *   onStepChange={({ step }) => console.log('Current step:', step)}
 *   collectionOptions={{
 *     fields: 'currently_due',
 *     futureRequirements: 'include'
 *   }}
 * />
 * ```
 * @category Connect
 */
export declare function ConnectAccountOnboarding({ title, onExit, onStepChange, recipientTermsOfServiceUrl, fullTermsOfServiceUrl, privacyPolicyUrl, collectionOptions, onLoaderStart, onLoadError, onPageDidLoad, }: {
    title?: string;
    onExit: () => void;
    onStepChange?: (stepChange: StepChange) => void;
    recipientTermsOfServiceUrl?: string;
    fullTermsOfServiceUrl?: string;
    privacyPolicyUrl?: string;
    collectionOptions?: CollectionOptions;
} & Omit<CommonComponentProps, 'style'>): React.JSX.Element;
/**
 * Displays a list of payments for the connected account with optional filtering.
 * Embed this component to show payment history and details.
 *
 * @param props.defaultFilters - Optional filters to apply to the payments list
 * @param props.onLoaderStart - Callback when component begins loading
 * @param props.onLoadError - Callback when component fails to load
 * @param props.onPageDidLoad - Callback when component finishes loading
 * @param props.style - Optional styling for the component container
 *
 * @example
 * ```tsx
 * <ConnectPayments
 *   defaultFilters={{
 *     status: ['successful', 'pending'],
 *     date: { after: new Date('2024-01-01') }
 *   }}
 *   style={{ flex: 1 }}
 * />
 * ```
 * @category Connect
 */
export declare function ConnectPayments({ defaultFilters, onLoaderStart, onLoadError, onPageDidLoad, style, }: {
    defaultFilters?: PaymentsListDefaultFilters;
} & CommonComponentProps): React.JSX.Element;
/**
 * Displays payout information for the connected account.
 * Shows payout history, schedules, and details.
 *
 * @param props.onLoaderStart - Callback when component begins loading
 * @param props.onLoadError - Callback when component fails to load
 * @param props.onPageDidLoad - Callback when component finishes loading
 * @param props.style - Optional styling for the component container
 *
 * @example
 * ```tsx
 * <ConnectPayouts style={{ flex: 1 }} />
 * ```
 * @category Connect
 */
export declare function ConnectPayouts({ onLoaderStart, onLoadError, onPageDidLoad, style, }: CommonComponentProps): React.JSX.Element;
/**
 * Displays detailed information for a specific payment.
 * Typically used in a modal or detail view after selecting a payment from ConnectPayments.
 *
 * @param props.payment - The payment ID to display details for
 * @param props.onClose - Required callback when user closes the detail view
 * @param props.onLoaderStart - Callback when component begins loading
 * @param props.onLoadError - Callback when component fails to load
 * @param props.onPageDidLoad - Callback when component finishes loading
 * @param props.style - Optional styling for the component container
 *
 * @example
 * ```tsx
 * <ConnectPaymentDetails
 *   payment="py_1234567890"
 *   onClose={() => setShowDetails(false)}
 *   style={{ flex: 1 }}
 * />
 * ```
 * @category Connect
 */
export declare function ConnectPaymentDetails({ payment, onClose, onLoaderStart, onLoadError, onPageDidLoad, style, }: {
    payment: string;
    onClose: () => void;
} & CommonComponentProps): React.JSX.Element;
//# sourceMappingURL=Components.d.ts.map