// ----- Tabs -----

const tabsProps = {
  modelValue: [String, Number],
  position: {
    type: String,
    default: 'top'
  },
  type: {
    type: String,
    default: 'line'
  },
  closable: {
    type: Boolean,
    default: false
  },
  closeMode: {
    type: String,
    default: 'visible'
  },
  addable: {
    type: Boolean,
    default: false
  },
  transition: {
    type: [String, Boolean],
    default: true
  },
  panes: {
    type: Array,
    default: () => []
  }
};
// ----- Tab -----

const tabProps = {
  value: {
    type: [String, Number],
    required: true
  },
  name: [String, Number],
  disabled: Boolean,
  closable: {
    type: Boolean,
    default: null
  },
  displayDirective: {
    type: String,
    default: 'if'
  }
};

export { tabProps, tabsProps };
