import type { ShallowRef } from 'vue-demi'
import type Scrollbar from 'smooth-scrollbar'
import type { ScrollbarOptions as ScrollbarOptionTypes } from 'smooth-scrollbar/interfaces'

export type ScrollbarOptions = Partial<ScrollbarOptionTypes>

// add types for your emit function maybe resolved later by Volar
export interface MountedEmitPayload {
  target: TargetRefOrShallowRef
  scrollbar: Scrollbar
}

export type MaybeRefOrShallowRef<T> = ShallowRef<T>
export type TargetRefOrShallowRef = MaybeRefOrShallowRef<HTMLElement | null>