import type * as React from "react";

/**
 * Modal task surface. 16px radius, 512px max width, blurred 32% backdrop.
 */
export interface DialogProps {
  open?: boolean;
  defaultOpen?: boolean;
  onOpenChange?: (open: boolean) => void;
  children?: React.ReactNode;
}
export declare function Dialog(props: DialogProps): React.ReactElement;
/** Wraps a single element and opens the dialog on click. */
export declare function DialogTrigger(props: { children: React.ReactElement }): React.ReactElement;
export declare function DialogPopup(props: React.HTMLAttributes<HTMLDivElement> & { showCloseButton?: boolean }): React.ReactElement | null;
export declare function DialogHeader(props: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
export declare function DialogTitle(props: React.HTMLAttributes<HTMLHeadingElement>): React.ReactElement;
export declare function DialogDescription(props: React.HTMLAttributes<HTMLParagraphElement>): React.ReactElement;
/** Scrolling body between header and footer. */
export declare function DialogPanel(props: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;
/** "default" gets the muted bar and top rule; "bare" is transparent. */
export declare function DialogFooter(props: React.HTMLAttributes<HTMLDivElement> & { variant?: "default" | "bare" }): React.ReactElement;
export declare function DialogClose(props: { children: React.ReactElement }): React.ReactElement;
