import { defineComponent } from 'vue'
import { Tabs, Tab } from 'vant'

import Setting from './set'
import Eval from './eva'
// import Febc from './fbc'

import styles from './index.module.less'

export default defineComponent({
  name: 'setting-content',
  props: {
    close: {
      type: Function,
      default: () => {}
    }
  },
  render() {
    return (
      <div class={styles.content}>
        <Tabs
          color="#01C1B5"
          title-active-color="#01C1B5"
          title-inactive-color="#1A1A1A"
          line-height="3px"
        >
          <Tab title="设置">
            <Setting/>
          </Tab>
          <Tab title="评测">
            <Eval/>
          </Tab>
        </Tabs>
      </div>
    )
  }
})
