import type { ComponentProps, FC, PropsWithChildren, ReactNode } from "react";
import { KeepBoolean, KeepPositions, KeepSizes, KeepStateColors } from "../../Keep/KeepTheme";
export interface keepModalTheme {
    base: string;
    show: KeepBoolean;
    content: {
        base: string;
        inner: string;
    };
    body: {
        base: string;
        popup: string;
    };
    header: {
        base: string;
        popup: string;
        title: string;
        iconSection: string;
        headerIcon: {
            base: string;
            icon: string;
            color: ModalColors;
        };
        close: {
            base: string;
            icon: string;
        };
    };
    footer: {
        base: string;
        popup: string;
    };
    sizes: ModalSizes;
    positions: ModalPositions;
}
export interface ModalPositions extends KeepPositions {
    [key: string]: string;
}
export interface ModalColors extends KeepStateColors {
    [key: string]: string;
}
export interface ModalSizes extends Omit<KeepSizes, "xs"> {
    [key: string]: string;
}
export interface ModalProps extends PropsWithChildren<Omit<ComponentProps<"div">, "className">> {
    onClose?: () => void;
    popup?: boolean;
    root?: HTMLElement;
    show?: boolean;
    icon?: ReactNode;
    size?: keyof ModalSizes;
    modalType?: keyof ModalColors;
    position?: keyof ModalPositions;
}
export declare const Modal: FC<ModalProps> & {
    Header: FC<import("./ModalHeader").ModalHeaderProps>;
    Body: FC<import("./ModalBody").ModalBodyProps>;
    Footer: FC<import("./ModalFooter").ModalFooterProps>;
};