/// <reference types="react" />
import { ButtonProps } from '../Button';
import { ModalProps } from './Modal';
export declare const TRANSACTION_MODAL_PRIMARY_CTA = "TRANSACTION_MODAL_PRIMARY_CTA";
export declare const TRANSACTION_MODAL_SECONDARY_CTA = "TRANSACTION_MODAL_SECONDARY_CTA";
export declare const TRANSACTION_MODAL_TERTIARY_CTA = "TRANSACTION_MODAL_TERTIARY_CTA";
export type TransactionModalButton = Omit<ButtonProps, 'ref'> & {
    ['data-testid']?: string;
};
export interface TransactionModalProps extends Omit<ModalProps, 'leastDestructiveRef' | 'withCloseButton' | 'isAlertModal'> {
    /**
     * This call-to-action (CTA) is required and will appear in the bottom-right corner. It renders a button
     * ("button-filled-blue" variant) by default, but can be overridden. If you need to render an entirely different
     * element, deal with the CTA's ref, or the available control is not satisfactory - you can pass any JSX. If this CTA
     * uses the object syntax and has a variant of "button-filled-destructive", the modal will be rendered as an alert
     * modal.
     */
    primaryCTA: TransactionModalButton | JSX.Element;
    /**
     * This call-to-action (CTA) is optional and will appear in the bottom-right corner, slightly left of the primary CTA.
     * It renders a button ("button-ghost-grey" variant) by default, but can be overridden. If you need to render an
     * entirely different element, deal with the CTA's ref, or the available control is not satisfactory - you can pass any
     * JSX.
     */
    secondaryCTA?: TransactionModalButton | JSX.Element;
    /**
     * This call-to-action (CTA) is optional and will appear in the bottom-left corner. It renders a button ("button-ghost-destructive" variant)
     * by default, but this can be overridden by passing JSX.
     */
    tertiaryCTA?: TransactionModalButton | JSX.Element;
    /**
     * You should avoid using this. However if you need to use a Radix menu in a modal, this may become necessary since the ModalOverlay used (that is from Radix) "swallows" the onClick that happens with the trigger.
     */
    dangerouslyBypassFocusLock?: boolean;
    ['data-testid']?: string;
}
export declare const TransactionModal: ({ children, className, modalDescription, modalLabel, onDismiss, primaryCTA, secondaryCTA, tertiaryCTA, variant, dangerouslyBypassFocusLock, ...rest }: TransactionModalProps) => JSX.Element;