<script>
export default {
	props: {
		icon: String,
		text: String,
		margin: Boolean,
		classes: String
	},
	computed: {
		classNames() {
			return 'fa fa-'+this.icon+((this.margin || this.text && this.text!='')?' push':'')+(this.classes?' '+this.classes:'')
		}
	}
}
</script>

<template>
	<i :class="classNames"></i>{{ text }}
</template>