import { ComponentProps, ReactNode } from 'react';
import { Popup } from '../Popup';
import { BoxProps } from '../Box';

export type PopupDFSize = 's' | 'm' | 'l';
export type PopupDFResizableConfig = Exclude<ComponentProps<typeof Popup>['resizable'], boolean | undefined>;
export type PopupDFProps = Omit<ComponentProps<typeof Popup>, 'children' | 'isOpen'> & {
    children?: ReactNode;
    defaultOpened?: boolean;
    onToggle?: (opened: boolean) => void;
    size?: PopupDFSize;
};
export type PopupDFHeaderProps = Omit<BoxProps, 'children'> & {
    title?: ReactNode;
    description?: ReactNode;
    subHeader?: ReactNode;
    rightBlock?: ReactNode;
    showCloseButton?: boolean;
    onBackButtonClick?: () => void;
    onClose?: () => void;
};
export type PopupDFBodyProps = BoxProps;
export type PopupDFFooterProps = BoxProps & {
    children?: ReactNode;
};