/* eslint no-unused-vars: ["error", { "args": "none" }] */

export default {
  name: 'WootTabs',
  props: {
    index: {
      type: Number,
      default: 0,
    },
  },
  render(h) {
    const Tabs = this.$slots.default.filter(node =>
      node.componentOptions && node.componentOptions.tag === 'woot-tabs-item'
    ).map((node, index) => {
      const data = node.componentOptions.propsData;
      data.index = index;
      return node;
    });
    return (
      <ul class={{
        tabs: true,
      }}>
        { Tabs }
      </ul>
    );
  },
};