<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: mayako
 * @Date: 2020-02-04 10:00:12
 * @LastEditors: mayako
 * @LastEditTime: 2020-02-04 10:32:51
 -->
<template>
  <div class="dao-setting-item">
    <div class="dao-setting-label" v-if="label()">
      <slot name="label"></slot>
    </div>
    <div class="dao-setting-content">
      <slot name="content"></slot>
      <div class="helper-text" v-if="contentHelper()">
        <slot name="content-helper"></slot>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'DaoSettingItem',
  componentName: 'DaoSettingItem',
  methods: {
    label () {
      return this.$slots.label;
    },
    contentHelper () {
      return this.$slots['content-helper'];
    }
  }
};
</script>
