<script setup>
import TDivider from "@/components/ui/TDivider.vue";

const props = defineProps(["class"])
const className = props["class"]

</script>

<template>
	<div class="mt-1 flex flex-wrap gap-4 items-center" :class="className" style="font-size: 0.95em">
		<slot></slot>
	</div>
	<TDivider></TDivider>
</template>

<style scoped>
:deep(.item) {
	color: var(--p-text-muted-color);
}

:deep(.active) {
	color: var(--p-primary-color);
}
</style>