import { Component, Ref } from 'vue';

/**
 * HTMLElement, Component(vue) 로부터 실제 HTMLElement 를 찾아온다.
 *
 * 예를 들어,
 * ```
 * const form = ref<HTMLElement>()
 * ```
 * 이렇게 선언하고 template 에서 ref 속성을 사용하면, html element 를 참조할 수 있다.
 * ```
 * <div ref="form">...</div>
 * ```
 * 그런데 이게 꼭 div 에만 적용되는 것은 아니다.
 * ```
 * <BSCardLayout ref="form">...</BSCardLayout>
 * ```
 * 이렇게 되면 form.value 는 실제로는 vue component 객체를 참조하기 때문에, `form.value.$el` 해야만 html element 를 가져올 수 있다.
 *
 * 이 함수는 이렇게 여러가지 경우에 따라 html element 를 가져오는 역할을 한다.
 * @param maybeElement
 */
export declare const findElement: (maybeElement: Ref<HTMLElement | Component | undefined | null> | undefined) => HTMLElement | undefined;
export declare const findInputComponents: (maybeElement: Ref<HTMLElement | Component | undefined> | undefined) => HTMLElement[];
/**
 * Vue Component 로부터 root element 를 가져온다.
 * @param component
 */
export declare const getComponentRootElement: (component: Component) => HTMLElement | undefined;
/**
 * 첫 번째 focusable 한 element 에 focus 를 옮긴다.
 * @param element
 * @return focusable 한 element 가 없어 수행하지 못했으면 false, 그렇지 않으면 true
 */
export declare const focusFirstElement: (element: HTMLElement) => boolean;
/**
 * 마지막 focusable 한 element 에 focus 를 옮긴다.
 * @param element
 * @return focusable 한 element 가 없어 수행하지 못했으면 false, 그렇지 않으면 true
 */
export declare const focusLastElement: (element: HTMLElement) => boolean;
/**
 * 첫 번재 focusable 한 element 를 찾는다.
 * @param element
 */
export declare const findFirstFocusableElement: (element: HTMLElement) => HTMLElement | undefined;
/**
 * 마지막 focusable 한 element 를 찾는다.
 * @param element
 */
export declare const findLastFocusableElement: (element: HTMLElement) => HTMLElement | undefined;
/**
 * `element` 가 parent 로부터 몇 번째 child 인지 리턴한다.
 * parent 가 없으면 -1 을 리턴한다.
 * @param element
 */
export declare const getSelfIndex: (element: HTMLElement) => number;
export declare const NAMED_COLORS: Record<string, string>;