<template>
  <view class="ml-tab-container" :class="[className || '']">
    <slot></slot>
  </view>
</template>

<script>
export default {
  name: 'MlTabContainer',
  props: {
    value: [String, Number],
    className: String,
    itemAlign: String,
    itemWidth: String
  },
  provide () {
    return {
      mlTabs: this
    }
  },
  data () {
    return {
      tabList: []
    }
  },
  methods: {
    changeEvent (item) {
      const value = item.name
      this.$emit('input', value)
      this.$emit('change', { value })
    }
  }
}
</script>

<style lang="scss">
.ml-tab-container {
  position: relative;
  flex-grow: 1;
  font-size: $ml-base-font-size;
}
</style>
