<template>
  <div class="cellDetail">
    <span class="cellDetailTitle">
      <Label :style="{marginLeft:'5px'}" >{{getLabel}}</Label>
    </span>
  </div>
</template>

<script>
import {editSetting} from './property';
export default {
    // props: {
    //     text: {
    //         type: String,
    //         default: 'Button Text'
    //     },
    //     type: String,
    //     styles: Object
    // },
    data () {
        return {
            property:{
                title : '',
            },
            text: 'label',
            // styles: {
                // display:'inline-block',
                // width:'100px',
                // height:'30px',
                // lineHeight:'30px',
                // textAlign:'center',
                // margin:'10px',
                // backgroundColor:'#fff',
                // fontSize:'15px'
            // },
            type: 'label',
            level: editSetting.level,
        };
    },
    computed:{
        getLabel(){
            return this.property.title;
        }
    },
    editSetting,
    name: editSetting.key,
    level: editSetting.level
};
</script>

<style scoped>
  .cellDetail{
    width: 24%;
    line-height: 50px;
    height: 50px;
    display: inline-block;
    margin-bottom: 20px;
    padding-left: 20px;
    border-bottom: 1px dashed #8e7d7d6b;
  }
  .cellDetailTitle {
    color: #000!important;
    font-weight: 700;
    border-left: 3px solid #4a89dc;
    text-align: left;
  }
</style>
