import { default as React } from 'react';
import { CardBackgroundProps } from '../CardBackground/CardBackground';
import { AvoidElement, Placement } from '../../hooks/useFloatingPosition';
export interface DialogLayoutContextValue {
    hideCloseButton: boolean;
    closeDialog: () => void;
}
export interface DialogProps<TContext = unknown> {
    triggerRef: React.RefObject<HTMLElement | null>;
    anchorRef?: React.RefObject<HTMLElement | null>;
    placement?: Placement;
    offset?: number;
    matchTriggerWidth?: boolean;
    attachToParent?: boolean;
    closeOnScroll?: boolean;
    closeOnClickOutside?: boolean;
    zIndex?: number;
    avoidElements?: AvoidElement[];
    cardBackground?: CardBackgroundProps;
    title?: React.ReactNode;
    description?: React.ReactNode;
    hideCloseButton?: boolean;
    modal?: boolean;
    unmountChildrenOnClose?: boolean;
    onClose?: (context: TContext | null) => void;
    onOpen?: (context?: TContext) => void;
    children: React.ReactNode;
    className?: string;
}
export interface DialogHeaderProps {
    /** Pisa el `title` del root cuando se usa el slot Dialog.Header */
    title?: React.ReactNode;
    /** Pisa el `description` del root cuando se usa el slot Dialog.Header */
    description?: React.ReactNode;
    className?: string;
    children?: React.ReactNode;
}
export interface DialogContentProps {
    children?: React.ReactNode;
    className?: string;
}
export interface DialogFooterProps {
    children?: React.ReactNode;
    className?: string;
}