<template>
  <div>
    <el-input @mouseenter="handleMouseEnter"
              @mouseleave="handleMouseLeave"
              @dblclick="handleDblClick(text)"
              @click="handleClick(text)"
              @change="handleChange(text)"
              v-model="text"
              :placeholder="option.placeholder"
              :disabled="option.disabled"
              :clearable="option.clearable"
              :prefix-icon="option.prefixIcon"
              :suffix-icon="option.suffixIcon" />
  </div>
</template>

<script>
export default {
  name: 'input',
  props: {
    option: {
      type: Object
    }
  },
  data () {
    return {
      text: ''
    }
  }
}
</script>