<template>
	<div style="display: inline-block">
		<w-tooltip
			v-if="profile.isAuthentic && profile.role != 'admin' && profile.role != 'mod'"
			top
		>
			<template #activator="{ on }">
				<span v-on="on">
					<AuthenticBadge
						color="#8b5cf6"
						:size="size"
					/>
				</span>
			</template>
			Verified
		</w-tooltip>

		<w-tooltip
			v-if="profile.role == 'admin'"
			top
		>
			<template #activator="{ on }">
				<span v-on="on">
					<w-icon
						style="color: #e84118"
						:size="size"
					>
						mdi mdi-cog
					</w-icon>
				</span>
			</template>
			Workspace Admin
		</w-tooltip>
	</div>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
	name: 'ProfileBadge',

	props: {
		profile: []! as any,
		size: String!
	}
});
</script>