<script>
  import statusIcon from '../mr_widget_status_icon';

  export default {
    name: 'MRWidgetArchived',
    components: {
      statusIcon,
    },
  };
</script>
<template>
  <div class="mr-widget-body media">
    <div class="space-children">
      <status-icon
        status="failed"
      />
      <button
        type="button"
        class="btn btn-success btn-sm"
        disabled="true"
      >
        {{ s__("mrWidget|Merge") }}
      </button>
    </div>
    <div class="media-body">
      <span class="bold">
        {{ s__("mrWidget|This project is archived, write access has been disabled") }}
      </span>
    </div>
  </div>
</template>

<script>
  import statusIcon from '../mr_widget_status_icon';

  export default {
    name: 'MRWidgetArchived',
    components: {
      statusIcon,
    },
  };
</script>
<template>
  <div class="mr-widget-body media">
    <div class="space-children">
      <status-icon
        status="warning"
      />
      <button
        type="button"
        class="btn btn-success btn-sm"
        disabled="true"
      >
        {{ s__("mrWidget|Merge") }}
      </button>
    </div>
    <div class="media-body">
      <span class="bold">
        {{ s__("mrWidget|This project is archived, write access has been disabled") }}
      </span>
    </div>
  </div>
</template>

Fix conflict with ee icon
Fix conflict with ee icon
