<template>
    <div  class="titleProp">
            <div>{{editor.text}}</div>
    </div>
</template>

<script>
    import * as components from './style';
    import {PropertyMixin} from '../../service/main-tool-editor-type-mixin';
    export default {
        components: {
            ...components
        },
        mixins: [PropertyMixin],
        position: 'mainToolEditorTypeTitle',
        name: 'main-tool-editor-type-title',
        computed: {
            currentEditInstanceKey() {
                let currentEditInstanceKey = this.$store.state.viewport.currentEditInstanceKey;
                return currentEditInstanceKey;
            }
        },
        mounted() {

            this.initCurrtField();
            this.setInstanceProps(this.value);
        },
        data() {
            return {
                value: this.editor.value || ''
            }
        },
        watch: {

        }
    };
</script>

<style scoped lang="less">
   .titleProp{
       width: 100%;
       font-weight: bold;
       margin: 0px;
       box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
       font-size: 14px;
       color: #191f25;
       line-height: 46px;
       padding: 0 16px;
  }
</style>
