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

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