import type {
  ButtonVariant,
  IllustrationPictogramNames,
  PositionStyles,
  SharedProps,
} from '@coinbase/cds-common/types';
import { type ModalBaseProps, type ModalRefBaseProps } from './modal/Modal';
export type AlertBaseProps = SharedProps &
  Pick<PositionStyles, 'zIndex'> &
  Pick<
    ModalBaseProps,
    | 'onRequestClose'
    | 'visible'
    | 'onDidClose'
    | 'disablePortal'
    | 'accessibilityLabel'
    | 'accessibilityLabelledBy'
  > & {
    /**
     * Indicating if Alert is stacked on top of Modal
     */
    stacked?: boolean;
    /**
     * Alert title
     */
    title: string;
    /**
     * Alert body/description
     */
    body: string;
    /**
     * Illustration pictogram name for alert
     */
    pictogram?: IllustrationPictogramNames;
    /**
     * Label of the preferred action
     */
    preferredActionLabel: string;
    /**
     * Callback function fired when the preferred action is pressed
     */
    onPreferredActionPress?: () => void;
    /**
     * Button variant of the preferred action
     * @default primary
     */
    preferredActionVariant?: Extract<ButtonVariant, 'primary' | 'negative'>;
    /**
     * Label of the dismiss action
     */
    dismissActionLabel?: string;
    /**
     * Callback function fired when the dismiss action is pressed
     */
    onDismissActionPress?: () => void;
    /**
     * Layout of the actions
     * @default horizontal
     */
    actionLayout?: 'horizontal' | 'vertical';
  };
export type AlertProps = AlertBaseProps;
export declare const alertModalWidth = 318;
export declare const Alert: import('react').MemoExoticComponent<
  import('react').ForwardRefExoticComponent<
    SharedProps &
      Pick<PositionStyles, 'zIndex'> &
      Pick<
        ModalBaseProps,
        | 'visible'
        | 'accessibilityLabel'
        | 'accessibilityLabelledBy'
        | 'disablePortal'
        | 'onDidClose'
        | 'onRequestClose'
      > & {
        /**
         * Indicating if Alert is stacked on top of Modal
         */
        stacked?: boolean;
        /**
         * Alert title
         */
        title: string;
        /**
         * Alert body/description
         */
        body: string;
        /**
         * Illustration pictogram name for alert
         */
        pictogram?: IllustrationPictogramNames;
        /**
         * Label of the preferred action
         */
        preferredActionLabel: string;
        /**
         * Callback function fired when the preferred action is pressed
         */
        onPreferredActionPress?: () => void;
        /**
         * Button variant of the preferred action
         * @default primary
         */
        preferredActionVariant?: Extract<ButtonVariant, 'primary' | 'negative'>;
        /**
         * Label of the dismiss action
         */
        dismissActionLabel?: string;
        /**
         * Callback function fired when the dismiss action is pressed
         */
        onDismissActionPress?: () => void;
        /**
         * Layout of the actions
         * @default horizontal
         */
        actionLayout?: 'horizontal' | 'vertical';
      } & import('react').RefAttributes<ModalRefBaseProps>
  >
>;
//# sourceMappingURL=Alert.d.ts.map