<template>
  <div v-if="canDelete">
    <a
      href="#"
      @click.prevent="deleteStatus()"
    >
      <i class="button-icon icon-cancel delete-status" />
    </a>
  </div>
</template>

<script src="./delete_button.js" ></script>

<style lang="scss">
@import '../../_variables.scss';

.icon-cancel,.delete-status {
  cursor: pointer;
  &:hover {
    color: $fallback--cRed;
    color: var(--cRed, $fallback--cRed);
  }
}
</style>
