import React from 'react';
import { Ux4gAvatarSize } from '../avatar';
export type Ux4gModalAlignment = 'leftAligned' | 'centered';
export type Ux4gModalLeadingItem = 'none' | 'icon' | 'avatar' | 'image';
export type Ux4gModalHeaderImage = 'fullBleed' | 'padded' | 'none';
export type Ux4gModalFooterButtons = 'oneButton' | 'twoButtons' | 'oneButtonWithIcon' | 'twoButtonsWithIcon';
export type Ux4gModalFooterAlign = 'left' | 'right' | 'center' | 'split';
export interface Ux4gModalProps {
    visible: boolean;
    onDismiss: () => void;
    headerImageContent?: React.ReactNode;
    headerImageUrl?: string;
    headerImageHeight?: number;
    headerImageStyle?: Ux4gModalHeaderImage;
    leadingItem?: Ux4gModalLeadingItem;
    leadingIcon?: React.ReactNode;
    leadingIconTint?: string;
    avatarInitials?: string;
    avatarImageUrl?: string;
    avatarIcon?: React.ReactNode;
    avatarSize?: Ux4gAvatarSize;
    avatarInlineSize?: Ux4gAvatarSize;
    avatarContainerColor?: string;
    avatarContentColor?: string;
    leadingImageUrl?: string;
    leadingImageContent?: React.ReactNode;
    showHeader?: boolean;
    headerTitle?: string;
    showDescription?: boolean;
    descriptionText?: string;
    showDividers?: boolean;
    showSubtitle?: boolean;
    subtitleText?: string;
    showBody?: boolean;
    bodyText?: string;
    bodyContent?: React.ReactNode;
    showFooter?: boolean;
    footerButtons?: Ux4gModalFooterButtons;
    footerAlign?: Ux4gModalFooterAlign;
    isDestructive?: boolean;
    primaryButtonText?: string;
    secondaryButtonText?: string;
    leadingActionIcon?: React.ReactNode;
    onPrimaryClick?: () => void;
    onSecondaryClick?: () => void;
    onLeadingIconPressed?: () => void;
    alignment?: Ux4gModalAlignment;
    showCloseButton?: boolean;
    backgroundColor?: string;
    cornerRadius?: number;
}
export declare const Ux4gModal: React.FC<Ux4gModalProps>;
//# sourceMappingURL=Modal.d.ts.map