<template>
  <div class="title-divider" :style="{ width: width, borderBottomColor: color, color: color }">
    {{ title }}
  </div>
</template>

<script>
import Vue from 'vue'
import {
  DEFAULT_COLOR
} from '@/store/mutation-types'
export default {
  name: 'TitleDivider',
  props: {
    title: {
      type: String,
      default: ''
    },
    width: {
      type: String,
      default: '90px'
    }
  },
  data () {
    return {
      color: Vue.ls.get(DEFAULT_COLOR)
    }
  },
  created () {

  }

}
</script>

<style scoped>
  .title-divider {
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-bottom: 3px solid;
    padding: 0px 10px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
  }
</style>
