import { Dialog } from "radix-ui";
import type { ComponentProps, CSSProperties, ReactNode } from "react";
import { Button } from "./button";
interface ModalProps {
    active?: boolean;
    children: ReactNode;
    drawer?: boolean;
    onClickOutside?: () => void;
    style?: CSSProperties;
    width?: number | string;
}
export declare const Modal: ({ active, children, onClickOutside, style, width, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
export declare const ModalBody: ({ className, padding, style, ...props }: ComponentProps<"div"> & {
    padding?: number;
}) => import("react/jsx-runtime").JSX.Element;
export declare const ModalHeader: (props: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
export declare const ModalTitle: (props: ComponentProps<typeof Dialog.Title>) => import("react/jsx-runtime").JSX.Element;
export declare const ModalSubtitle: (props: ComponentProps<typeof Dialog.Description>) => import("react/jsx-runtime").JSX.Element;
export declare const ModalActions: (props: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
export declare const ModalAction: ({ variant, ...props }: ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=modal.d.ts.map