import { VNode } from 'vue'
import { BasicAttributes, ListenerProp, SetPropsDefaults, VarComponent } from './varComponent'

export declare const collapseProps: Record<keyof CollapseProps, any>

export type CollapseModelValue = undefined | string | number | Array<string | number | undefined>

export type CollapseToggleAllOptions = { expand: boolean | 'inverse'; skipDisabled?: boolean }

export interface CollapseProps extends BasicAttributes {
  modelValue?: CollapseModelValue
  accordion?: boolean
  offset?: boolean
  divider?: boolean
  elevation?: boolean | string | number
  onChange?: ListenerProp<(value: CollapseModelValue) => void>
  'onUpdate:modelValue'?: ListenerProp<(value: CollapseModelValue) => void>
}

export class Collapse extends VarComponent {
  static setPropsDefaults: SetPropsDefaults<CollapseProps>

  $props: CollapseProps

  $slots: {
    default(): VNode[]
  }

  toggleAll(options: CollapseToggleAllOptions): void
}

export class _CollapseComponent extends Collapse {}