import { DOMProps, StyleProps } from '@react-types/shared'; import React, { ReactNode } from 'react'; export interface SpectrumAlertDialogProps extends DOMProps, StyleProps { /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog. */ variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning'; /** The title of the AlertDialog. */ title: string; /** The contents of the AlertDialog. */ children: ReactNode; /** The label to display within the cancel button. */ cancelLabel?: string; /** The label to display within the confirm button. */ primaryActionLabel: string; /** The label to display within the secondary button. */ secondaryActionLabel?: string; /** Whether the primary button is disabled. */ isPrimaryActionDisabled?: boolean; /** Whether the secondary button is disabled. */ isSecondaryActionDisabled?: boolean; /** Handler that is called when the cancel button is pressed. */ onCancel?: () => void; /** Handler that is called when the primary button is pressed. */ onPrimaryAction?: () => void; /** Handler that is called when the secondary button is pressed. */ onSecondaryAction?: () => void; /** Button to focus by default when the dialog opens. */ autoFocusButton?: 'cancel' | 'primary' | 'secondary'; } /** * AlertDialogs are a specific type of Dialog. They display important information that users need to * acknowledge. */ export declare const AlertDialog: React.ForwardRefExoticComponent>>;