import type * as React from "react";
import { type UnifiedPaymentRecord } from "../index.js";
export interface PaymentDetailPageSlots {
    afterHeader?: React.ReactNode;
    afterSummary?: React.ReactNode;
    afterLinks?: React.ReactNode;
    afterMetadata?: React.ReactNode;
}
export interface PaymentDetailPageProps {
    id: string;
    className?: string;
    onBack?: () => void;
    onInvoiceOpen?: (invoiceId: string, payment: UnifiedPaymentRecord) => void;
    onBookingOpen?: (bookingId: string, payment: UnifiedPaymentRecord) => void;
    onPersonOpen?: (personId: string, payment: UnifiedPaymentRecord) => void;
    onOrganizationOpen?: (organizationId: string, payment: UnifiedPaymentRecord) => void;
    onSupplierOpen?: (supplierId: string, payment: UnifiedPaymentRecord) => void;
    onEdit?: (payment: UnifiedPaymentRecord) => void;
    onDelete?: (paymentId: string) => Promise<void> | void;
    deletePending?: boolean;
    slots?: PaymentDetailPageSlots;
}
export declare function PaymentDetailPage({ id, className, onBack, onInvoiceOpen, onBookingOpen, onPersonOpen, onOrganizationOpen, onSupplierOpen, onEdit, onDelete, deletePending, slots, }: PaymentDetailPageProps): React.JSX.Element;
export interface PaymentDetailHeaderProps {
    payment: UnifiedPaymentRecord;
    onBack?: () => void;
    onEdit?: (payment: UnifiedPaymentRecord) => void;
    onDelete?: (paymentId: string) => Promise<void> | void;
    deletePending?: boolean;
    className?: string;
}
export declare function PaymentDetailHeader({ payment, onBack, onEdit, onDelete, deletePending, className, }: PaymentDetailHeaderProps): React.JSX.Element;
export interface PaymentDetailCardProps {
    payment: UnifiedPaymentRecord;
    className?: string;
}
export declare function PaymentSummaryCard({ payment, className }: PaymentDetailCardProps): React.JSX.Element;
export interface PaymentLinksCardProps extends PaymentDetailCardProps {
    onInvoiceOpen?: (invoiceId: string, payment: UnifiedPaymentRecord) => void;
    onBookingOpen?: (bookingId: string, payment: UnifiedPaymentRecord) => void;
    onPersonOpen?: (personId: string, payment: UnifiedPaymentRecord) => void;
    onOrganizationOpen?: (organizationId: string, payment: UnifiedPaymentRecord) => void;
    onSupplierOpen?: (supplierId: string, payment: UnifiedPaymentRecord) => void;
}
export declare function PaymentLinksCard({ payment, className, onInvoiceOpen, onBookingOpen, onPersonOpen, onOrganizationOpen, onSupplierOpen, }: PaymentLinksCardProps): React.JSX.Element;
export declare function PaymentMetadataCard({ payment, className }: PaymentDetailCardProps): React.JSX.Element;