import { DialogHeaderProps } from "./dialog-header.js";
import * as vue from "vue";
import { CSSProperties, Ref } from "vue";

//#region ../../packages/components/dialog-header/src/use-dialog-header.d.ts
declare const useDialogHeader: (props: DialogHeaderProps, targetRef: Ref<HTMLElement | undefined>) => {
  afterEnter: () => void;
  afterLeave: () => void;
  beforeLeave: () => void;
  handleClose: () => void;
  onModalClick: () => void;
  close: () => void;
  doClose: () => void;
  onOpenAutoFocus: () => void;
  onCloseAutoFocus: () => void;
  onCloseRequested: () => void;
  onFocusoutPrevented: (event: CustomEvent) => void;
  titleId: Ref<string>;
  bodyId: Ref<string>;
  closed: Ref<boolean>;
  style: vue.ComputedRef<CSSProperties>;
  overlayDialogStyle: vue.ComputedRef<CSSProperties>;
  rendered: Ref<boolean>;
  visible: Ref<boolean>;
  zIndex: Ref<number>;
};
//#endregion
export { useDialogHeader };