import * as RadixDialog from '@radix-ui/react-dialog';
import { RecipeVariants } from '@vanilla-extract/recipes';
import { PropsWithChildren, ReactElement } from 'react';
import { IconName, IconProps } from "../Icon";
import * as styles from './Modal.css';
export type ModalProps = PropsWithChildren<RadixDialog.DialogProps> & RecipeVariants<typeof styles.typeIcon> & {
    id?: string;
    trigger?: ReactElement;
    icon?: ReactElement<IconProps>;
    title: string;
    description?: string;
    closeBtn?: boolean;
};
export declare const typeMap: {
    [key: string]: IconName;
};
export declare const Modal: {
    ({ trigger, type, icon, title, description, closeBtn, children, ...rest }: ModalProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
    Close: {
        ({ children, ...rest }: {
            [x: string]: any;
            children: any;
        }): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Content: import("react").ForwardRefExoticComponent<RadixDialog.DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;
    Description: {
        ({ children, ...rest }: import("./Description").DescriptionProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Overlay: import("react").ForwardRefExoticComponent<RadixDialog.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
    Title: {
        ({ children, ...rest }: import("./Title").TitleProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Trigger: {
        ({ children, ...rest }: import("./Trigger").TriggerProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    useModal: (initialState?: import("./use-modal").State) => {
        modal: import("./use-modal").State;
        openModal: (id: any) => void;
        closeModal: (id: any) => void;
        toggleModal: (id: any) => void;
        isModalOpen: (id: any) => boolean;
    };
};