render (h) {
    const {
      selectedIndex,
      id,
      isManual,
      manualIndex
    } = this.context

    const validChildren = cleanChildren(this.$slots.default)

    const clones = validChildren.map((child, index) => {
      const isSelected = isManual ? index === manualIndex : index === selectedIndex
      return cloneVNodeElement(child, {
        props: {
          isSelected,
          id: `${id}-${index}`
        }
      }, h)
    })

    return h(this.as, {
      class: [this.className],
      attrs: {
        tabindex: -1,
        ...this.computedAttrs
      },
      on: this.computedListeners
    }, clones)
  }
CTabPanels component

the wrapper  component fro tab panels

@extends CBox
@see Docs https://vue.chakra-ui.com/tabs