import TabBarRootNode from './TabBarRootNode'
import TabBarTabsNode from './TabBarTabsNode'
import SaveRef from './SaveRef'
import { getAttrs } from '../../_util/props-util'

export default {
  name: 'TabBar',
  inheritAttrs: false,
  render () {
    const props = getAttrs(this)
    const listeners = this.$listeners
    return (
      <SaveRef children={(saveRef, getRef) => (
        <TabBarRootNode saveRef={saveRef} {...{ props, on: listeners }}>
          <TabBarTabsNode saveRef={saveRef} {...{ props, on: listeners }} />
        </TabBarRootNode>
      )}/>
    )
  },
}