<template>
  <li :class="className" @click="$emit('change',item)">
    <Checkbox :disabled="disabled" :checked="checked"/>
    <span>{item.title}</span>
  </li>
</template>

<script>
  import FormSize from '../scripts/mixins/form-size';
  import WatchCurValue from '../scripts/mixins/wacth-cur-value';

  const name = 'hive-transfer-selectitem';

  export default {
    name,
    components: {},
    mixins: [FormSize, WatchCurValue],
    props: {
      prefixClass: {
        type: String,
      },
      item: {
        type: Object,
      },
      disabled: {
        type: Boolean,
        default: false,
      },
    },
    data() {
      return {
        prefixClassName: `${this.prefixClass}-item`,
        checked: false,
      };
    },
    computed: {
      className() {
        return [
          `${this.prefixClassName}`,
          {
            [`${this.prefixClassName}--disabled`]: this.disabled,
          },
        ];
      },
    },
    watch: {},

    methods: {},
  };
</script>
