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 declare type TransactionModalButton = Omit & { ['data-testid']?: string; }; export interface TransactionModalProps extends Omit { /** * 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; ['data-testid']?: string; } export declare const TransactionModal: ({ children, className, modalDescription, modalLabel, onDismiss, primaryCTA, secondaryCTA, tertiaryCTA, variant, ...rest }: TransactionModalProps) => JSX.Element;