import { isFunction } from '../types'

import type { ComponentPublicInstance, Ref } from 'vue'

export type RefSetter = (el: Element | ComponentPublicInstance | undefined) => void

export const composeRefs = (...refs: (Ref<HTMLElement | undefined> | RefSetter)[]) => {
    return (el: Element | ComponentPublicInstance | null) => {
        refs.forEach(ref => {
            if (isFunction(ref)) {
                ref(el as Element | ComponentPublicInstance)
            } else {
                ref.value = el as HTMLElement | undefined
            }
        })
    }
}