reablocks/dist/layers/Dialog/Dialog.d.ts

Component library for React

import { DialogTheme } from './DialogTheme';
import { DialogHeader, DialogHeaderProps } from './DialogHeader';
import { MotionProps } from 'motion/react';
import { GlobalOverlayProps } from '../../utils/Overlay';
import { FC, ReactElement } from 'react';

export interface DialogProps extends Omit<GlobalOverlayProps, 'children'>, MotionProps {
    /**
     * The CSS class name for the root element of the component.
     */
    className?: string;
    /**
     * The CSS class name for the inner content element of the component.
     */
    innerClassName?: string;
    /**
     * The CSS class name for the content of the component.
     */
    contentClassName?: string;
    /**
     * The size of the dialog. Can be a string or a number.
     */
    size?: string | number;
    /**
     * Whether to show the close button in the dialog header.
     */
    showCloseButton?: boolean;
    /**
     * The content of the dialog.
     */
    children?: any | (() => any);
    /**
     * Whether to disable padding for the dialog content.
     */
    disablePadding?: boolean;
    /**
     * The footer of the dialog.
     */
    footer?: any;
    /**
     * The header of the dialog.
     */
    header?: any;
    /**
     * The React element for the dialog header.
     */
    headerElement?: ReactElement<DialogHeaderProps, typeof DialogHeader> | null;
    /**
     * Theme for the Dialog.
     */
    theme?: DialogTheme;
}
export declare const Dialog: FC<DialogProps>;