import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps';
import { ModalPropTypes } from '../modal/Modal';
import { IconIcon } from '../Icon';
import { DialogActionProps } from './parts/DialogAction';
import { ReactChildType } from '../modal/types';
import React from 'react';
export interface DialogProps extends ToCamelCasePartial<ModalPropTypes> {
    /**
     * The dialog title. Displays on the very top of the content.
     */
    title?: React.ReactNode;
    trigger?: ReactChildType;
}
export interface DialogContentProps extends Omit<DialogActionProps, 'children'> {
    /**
     * The minimum Dialog content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `minWidth` so you don't break responsiveness. Defaults to `30rem` (average width is set to `60vw`).
     */
    minWidth?: string | number;
    /**
     * The maximum Dialog content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).
     */
    maxWidth?: string | number;
    /**
     * Give the Dialog content a class name (maps to `dnb-dialog`).
     */
    className?: string;
    /**
     * If set to `false` then the dialog content will be shown without any spacing. Defaults to `true`.
     */
    spacing?: boolean;
    /**
     * By default the dialog content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.
     */
    preventCoreStyle?: boolean;
    /**
     * The content which will appear in the navigation, above the header, and side-by-side the close button.
     */
    navContent?: ReactChildType;
    /**
     * The content which will appear in the header of the dialog.
     */
    headerContent?: ReactChildType;
    /**
     * The content which will appear when triggering the dialog.
     */
    modalContent?: ReactChildType;
    /**
     * Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.
     */
    alignContent?: 'left' | 'right' | 'centered' | 'center';
    /**
     * If set to `true` then the dialog content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.
     */
    fullscreen?: boolean | string;
    /**
     * If set to `true`, no open/close animation will be shown. Defaults to false.
     */
    noAnimation?: boolean;
    /**
     * Same as `noAnimation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.
     */
    noAnimationOnMobile?: boolean;
    /**
     * Variant of Dialog. Defaults to 'information'.
     */
    variant?: 'information' | 'confirmation';
    /**
     * An icon to display at the top of the component. Should be of size medium, so make sure you import the `_medium` version of the Eufemia icon.
     */
    icon?: IconIcon;
    /**
     * For variant confirmation, the dialog is either an informational or a warning message. Defaults to 'info'.
     */
    confirmType?: 'info' | 'warning';
    /**
     * A description will be positioned below the title, but before the content.
     */
    description?: React.ReactNode;
    /**
     * The content of the modal.
     */
    children?: ReactChildType;
}