import { HTMLProps, PropsWithChildren, ReactElement } from 'react';
import { ThemeColorPalette } from '@dreipol/t3-react-theme';
export type DialogProps<T> = PropsWithChildren<{
    /**
     * Header
     */
    header?: ReactElement;
    /**
     * Footer of modal
     */
    footer?: ReactElement;
    /**
     * Render modal
     */
    open: boolean;
    /**
     * Custom class
     */
    className?: string;
    /**
     * Show modal fullscreen
     */
    fullScreen?: boolean;
    /**
     * Render backdrop
     */
    showBackdrop?: boolean;
    /**
     * Callback function for closing modal
     */
    onClose?: () => void;
    /**
     * Allows the user to dismiss the modal by clicking outside the modal or hitting the ESC key
     */
    dismissable?: boolean;
    /**
     * Custom backdrop properties
     */
    backdropProps?: Partial<HTMLProps<HTMLDivElement>>;
    /**
     * Color palette for the modal styling. Color `superLight` is used for the backdrop color
     */
    color?: ThemeColorPalette;
    /**
     * Custom HTML render element
     */
    as?: 'dialog' | 'div';
}> & Partial<Omit<T extends 'div' ? HTMLDivElement : HTMLDialogElement, 'ref' | 'children'>>;
export declare const Dialog: import("react").ForwardRefExoticComponent<{
    /**
     * Header
     */
    header?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    /**
     * Footer of modal
     */
    footer?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
    /**
     * Render modal
     */
    open: boolean;
    /**
     * Custom class
     */
    className?: string | undefined;
    /**
     * Show modal fullscreen
     */
    fullScreen?: boolean | undefined;
    /**
     * Render backdrop
     */
    showBackdrop?: boolean | undefined;
    /**
     * Callback function for closing modal
     */
    onClose?: (() => void) | undefined;
    /**
     * Allows the user to dismiss the modal by clicking outside the modal or hitting the ESC key
     */
    dismissable?: boolean | undefined;
    /**
     * Custom backdrop properties
     */
    backdropProps?: Partial<HTMLProps<HTMLDivElement>> | undefined;
    /**
     * Color palette for the modal styling. Color `superLight` is used for the backdrop color
     */
    color?: keyof import("@dreipol/t3-react-theme").ThemeColorPalettes | undefined;
    /**
     * Custom HTML render element
     */
    as?: "div" | "dialog" | undefined;
} & {
    children?: import("react").ReactNode;
} & Partial<Omit<HTMLDialogElement, "children" | "ref">> & import("react").RefAttributes<HTMLDialogElement>>;