import type { ComponentProps, ReactNode } from 'react';
import React from 'react';
import { Dialog as AriakitDialog } from 'ariakit/dialog';
export { useDialogState } from 'ariakit/dialog';
type AriakitDialogProps = ComponentProps<typeof AriakitDialog>;
type DialogProps = {
    title?: ReactNode;
    width?: 'narrow' | 'medium' | 'wide' | 'extra-wide';
    center?: boolean;
    modal?: AriakitDialogProps['modal'];
    state: AriakitDialogProps['state'];
} & Omit<ComponentProps<'div'>, 'title'>;
export declare const Dialog: (props: DialogProps) => React.JSX.Element;