import * as React from 'react'; import { Palette, Flexible } from '../types'; import { ActionButtonsProps } from '../ActionButtons'; import { BoxProps } from '../Box'; import { ButtonProps } from '../Button'; import { FlexProps } from '../Flex'; import { IconProps } from '../Icon'; import { ModalProps } from '../Modal'; import { TextProps } from '../Text'; export declare type LocalDialogProps = { /** Indicates the type of dialog. */ type?: string; /** Sets the title of the dialog. */ title?: string | React.ReactElement; /** Sets the footer of the dialog. */ footer?: string | React.ReactElement; /** Sets the color of the dialog action buttons. */ palette?: Palette; /** Sets the visibility of the dialog action buttons. */ showActionButtons?: boolean; /** Sets the visibility of the close buttons. */ showCloseButton?: boolean; /** Function to invoke when the close button is clicked. */ onClickClose?: ButtonProps['onClick']; /** Props to spread onto the action buttons. */ actionButtonsProps?: ActionButtonsProps; /** Props to spread onto the close button. */ closeButtonProps?: Omit; /** Props to spread on the icon. */ iconProps?: IconProps; standalone?: boolean; }; export declare type DialogProps = BoxProps & LocalDialogProps; export declare type DialogContextOptions = DialogProps & { descriptionId?: string; titleId?: string; themeKey?: string; }; export declare const DialogContext: React.Context; export declare const Dialog: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; }; export declare type LocalDialogContentProps = {}; export declare type DialogContentProps = FlexProps & LocalDialogContentProps; export declare const DialogContent: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; }; export declare type LocalDialogHeaderProps = {}; export declare type DialogHeaderProps = BoxProps & LocalDialogHeaderProps; export declare const DialogHeader: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; }; export declare type LocalDialogTitleProps = {}; export declare type DialogTitleProps = TextProps & LocalDialogTitleProps; export declare const DialogTitle: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; }; export declare type LocalDialogFooterProps = {}; export declare type DialogFooterProps = FlexProps & LocalDialogFooterProps; export declare const DialogFooter: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; }; export declare type LocalDialogIconProps = { iconProps?: Omit; }; export declare type DialogIconProps = TextProps & LocalDialogIconProps; export declare const DialogIcon: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; }; export declare type LocalDialogModalProps = { variant?: Flexible<'alert', string>; hasScroll?: boolean; wrap?: (children: React.ReactNode) => React.ReactNode; }; export declare type DialogModalProps = DialogProps & ModalProps & LocalDialogModalProps; export declare const DialogModal: React.ForwardRefExoticComponent & React.RefAttributes> & { displayName?: string; useProps: (props?: Partial, config?: { disableCSSProps?: string[]; themeKey?: string; }) => any; };