import { ComponentProps, ReactNode } from 'react';
import { ContainerProps } from '../../layouts/Container';
import { IconArrowLeft, IconDotsVerticalCenteredOutline } from '../../icons';
import { ModalCompProps } from '../Modal';
import { IconButton } from '../IconButton';
import { Dropdown } from '../Dropdown';
import { BoxProps } from '../Box';
import { Badge } from '../Badge';

export type ModalDFProps = {
    fullScreen?: {
        defaultEnabled?: boolean;
        saveStateAfterClosing?: boolean;
        onFullScreen?: () => void;
        onExitFullScreen?: () => void;
    } | undefined | boolean;
    contentContainerProps?: Partial<ContainerProps>;
    zIndexOverlay?: string;
} & Omit<ModalCompProps, 'hasBody'>;
export type ModalDFHeaderProps = Omit<BoxProps, 'children'> & {
    title?: ReactNode;
    badge?: ComponentProps<typeof Badge>;
    subTitle?: ReactNode;
    rightBlock?: ReactNode;
    onBackClick?: () => void;
    showBackButton?: boolean;
};
export type ModalDFFooterProps = Omit<BoxProps, 'children'> & {
    leftBlock?: ReactNode;
    rightBlock?: ReactNode;
};
export type ModalDFDotsIconButtonProps = ComponentProps<typeof IconButton> & {
    dropdownProps?: ComponentProps<typeof Dropdown>;
    iconSize?: ComponentProps<typeof IconDotsVerticalCenteredOutline>['size'];
};
export type ModalDFBackIconButtonProps = ComponentProps<typeof IconButton> & {
    iconSize?: ComponentProps<typeof IconArrowLeft>['size'];
};