<template>
	<span v-if="priority >= priorities.HIGH" class="high-priority" :class="{'not-so-high': priority === priorities.HIGH}">
		<span class="icon">
			<icon icon="exclamation"/>
		</span>
		<template v-if="priority === priorities.HIGH">High</template>
		<template v-if="priority === priorities.URGENT">Urgent</template>
		<template v-if="priority === priorities.DO_NOW">DO NOW</template>
		<span class="icon" v-if="priority === priorities.DO_NOW">
			<icon icon="exclamation"/>
		</span>
	</span>
</template>

<script>
	import priorites from '../../../models/priorities'

	export default {
		name: 'priorityLabel',
		data() {
			return {
				priorities: priorites,
			}
		},
		props: {
			priority: {
				default: 0,
				type: Number,
			}
		}
	}
</script>
