import { SkeletonVariant } from '../Skeleton';
import { ModalV2TokensType } from './modalV2.tokens.types';
import { HTMLAttributes, ReactNode } from 'react';
import { ButtonV2Props } from '../ButtonV2';
import { CSSObject } from 'styled-components';
import { ModalBaseProps } from './modalV2.base.types';
export type HeaderSkeletonConfig = {
    show: boolean;
    showDivider: boolean;
    showCloseButton: boolean;
};
export type BodySkeletonConfig = {
    show: boolean;
    width: string;
    height: string | number;
};
export type FooterSkeletonConfig = {
    show: boolean;
    showDivider: boolean;
};
export type ModalV2SkeletonProps = {
    modalTokens: ModalV2TokensType;
    headerSkeleton?: HeaderSkeletonConfig;
    bodySkeleton?: BodySkeletonConfig;
    footerSkeleton?: FooterSkeletonConfig;
    skeletonVariant: SkeletonVariant;
};
export type ModalV2ButtonAction = Omit<ButtonV2Props, 'buttonGroupPosition'>;
export type BodySkeletonProps = {
    show?: boolean;
    width?: string;
    height?: string | number;
};
export type ModalV2BodySkeletonProps = {
    show?: boolean;
    variant?: SkeletonVariant;
    bodySkeletonProps?: BodySkeletonProps;
};
export type ModalV2Dimensions = {
    width?: CSSObject['width'];
    height?: CSSObject['height'];
    minWidth?: CSSObject['minWidth'];
    maxWidth?: CSSObject['maxWidth'];
    minHeight?: CSSObject['minHeight'];
    maxHeight?: CSSObject['maxHeight'];
};
export type { ModalBaseProps } from './modalV2.base.types';
export type ModalV2Props = ModalBaseProps & {
    isCustom?: boolean;
    children: ReactNode;
    primaryAction?: ModalV2ButtonAction;
    secondaryAction?: ModalV2ButtonAction;
    customHeader?: ReactNode;
    customFooter?: ReactNode;
    headerSlot?: ReactNode;
    dimensions?: ModalV2Dimensions;
    useDrawerOnMobile?: boolean;
    skeleton?: ModalV2BodySkeletonProps;
} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title' | 'className' | 'style'>;