<template>
  <li
    :disabled="disabled"
    @click="onClick"
  >
    <a><span><slot /></span></a>
  </li>
</template>

<script>
export default {
  name: "PDropdownItem",
  props: {
    disabled: Boolean,
  },
  methods: {
    onClick() {
      if (!this.disabled) {
        this.$emit('click');
      }
    }
  }
};
</script>