import { Dialog as DialogPrimitive } from "radix-ui";
import type { ComponentProps, CSSProperties, ReactNode } from "react";
import { Button } from "./button";
interface DialogProps {
    active: boolean;
    children: ReactNode;
    drawer?: boolean;
    onClickOutside: () => void;
    style?: CSSProperties;
    width?: number | string;
}
export declare const Dialog: ({ active, children, onClickOutside, style, width, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
export declare const DialogContent: ({ className, padding, style, ...props }: ComponentProps<"div"> & {
    padding?: number | string | false;
}) => import("react/jsx-runtime").JSX.Element;
export declare const DialogHeader: ({ className, ...props }: ComponentProps<"header">) => import("react/jsx-runtime").JSX.Element;
export declare const DialogTitle: ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>) => import("react/jsx-runtime").JSX.Element;
export declare const DialogDescription: ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>) => import("react/jsx-runtime").JSX.Element;
export declare const DialogFooter: ({ as: Component, children, className, }: {
    as?: "footer" | "form";
    children: ReactNode;
    className?: string;
}) => import("react/jsx-runtime").JSX.Element;
export declare const DialogAction: (props: ComponentProps<typeof Button>) => import("react/jsx-runtime").JSX.Element;
export declare const DialogClose: (props: ComponentProps<typeof DialogAction>) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=dialog.d.ts.map