import { VariantProps } from "class-variance-authority";
import { BrowserDialogAccessoryBar } from "./BrowserDialogAccessoryBar";
import { BrowserDialogFooter } from "./BrowserDialogFooter";
import { BrowserDialogHeader } from "./BrowserDialogHeader";
import { BrowserDialogSelectionFooter } from "./BrowserDialogSelectionFooter";
import { DialogSelectionThumbnail } from "./DialogSelectionThumbnail";
declare const contentVariants: (props?: ({
    size?: "large" | "medium" | "small" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type BrowserDialogProps = Readonly<{
    open?: boolean;
    defaultOpen?: boolean;
    onOpenChange?: (open: boolean) => void;
    trigger?: React.ReactNode;
    header: React.ReactNode;
    accessory?: React.ReactNode;
    footer?: React.ReactNode;
    hideCloseButton?: boolean;
    className?: string;
    contentClassName?: string;
    testId?: string;
    children: React.ReactNode;
} & VariantProps<typeof contentVariants>>;
export declare function BrowserDialog({ open, defaultOpen, onOpenChange, trigger, header, accessory, footer, size, hideCloseButton, className, contentClassName, testId, children, }: BrowserDialogProps): import("react").JSX.Element;
export declare namespace BrowserDialog {
    export { BrowserDialogHeader as Header };
    export { BrowserDialogAccessoryBar as AccessoryBar };
    export { BrowserDialogFooter as Footer };
    export { BrowserDialogSelectionFooter as SelectionFooter };
    export { DialogSelectionThumbnail as SelectionThumbnail };
}
export {};
//# sourceMappingURL=BrowserDialog.d.ts.map