22 lines
603 B
Vue
22 lines
603 B
Vue
<template>
|
|
<div class="flex gap-1 justify-center items-center">
|
|
<ui-sprite v-if="member.is_leader" class="flex-none" :class="[ageColors.leiter, iconClass]" src="lilie"></ui-sprite>
|
|
<ui-sprite v-if="member.age_group_icon" class="flex-none" :class="[ageColors[member.age_group_icon], iconClass]" src="lilie"></ui-sprite>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import useAgeColors from '../../composables/useAgeColors.js';
|
|
|
|
const {ageColors} = useAgeColors();
|
|
|
|
defineProps({
|
|
iconClass: {
|
|
default: 'w-3 h-3',
|
|
},
|
|
member: {
|
|
required: true,
|
|
},
|
|
});
|
|
</script>
|