import { RenderNodeFn, VueNode } from "../type.js";
import * as vue450 from "vue";
import { AriaAttributes, Ref, VNodeChild } from "vue";

//#region src/_util/hooks/useClosable.d.ts
interface DataAttributes {
  [key: `data-${string}`]: string;
}
type ClosableType = boolean | ({
  closeIcon?: VueNode;
  disabled?: boolean;
} & AriaAttributes);
interface BaseContextClosable {
  closable?: ClosableType;
  closeIcon?: VueNode;
}
type ContextClosable<T extends BaseContextClosable = any> = Partial<Pick<T, 'closable' | 'closeIcon'>>;
declare function pickClosable<T extends BaseContextClosable>(context: Ref<ContextClosable<T>>): Ref<ContextClosable<T> | undefined>;
/** Collection contains the all the props related with closable. e.g. `closable`, `closeIcon` */
interface ClosableCollection {
  closable?: ClosableType;
  closeIcon?: VueNode;
}
interface FallbackCloseCollection extends ClosableCollection {
  /**
   * Some components need to wrap CloseIcon twice,
   * this method will be executed once after the final CloseIcon is calculated
   */
  closeIconRender?: (closeIcon: VNodeChild) => VNodeChild;
}
interface UseClosableParams {
  closable?: ClosableType;
  closeIcon?: RenderNodeFn;
  defaultClosable?: boolean;
  defaultCloseIcon?: RenderNodeFn;
  customCloseIconRender?: (closeIcon: VNodeChild) => VNodeChild;
  context?: ContextClosable;
}
declare function useClosable(propCloseCollection?: Ref<ClosableCollection>, contextCloseCollection?: Ref<ClosableCollection | null>, fallbackCloseCollection?: Ref<FallbackCloseCollection>): vue450.ComputedRef<readonly [true, vue450.VNode<vue450.RendererNode, vue450.RendererElement, {
  [key: string]: any;
}>, boolean, Record<string, any>] | ({} | null)[] | undefined>;
declare function computeClosable(propCloseCollection?: Ref<ClosableCollection>, contextCloseCollection?: Ref<ClosableCollection | null>, fallbackCloseCollection?: Ref<FallbackCloseCollection>, closeLabel?: string): [closable: boolean, closeIcon: VueNode, closeBtnIsDisabled: boolean, ariaOrDataProps: AriaAttributes & DataAttributes];
//#endregion
export { BaseContextClosable, ClosableType, ContextClosable, UseClosableParams, computeClosable, useClosable as default, pickClosable };