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

const props = defineProps(["modelValue"])
</script>

<template>
	<div class="label-group">
		<TLabel outlined="" v-for="pattern in props.modelValue">
			<span v-if="pattern.type == 'images'">
				<span class="gray">[常见图片]</span>
			</span>
			<span v-if="pattern.type == 'audios'">
				<span class="gray">[常见音频]</span>
			</span>
			<span v-if="pattern.type == 'videos'">
				<span class="gray">[常见视频]</span>
			</span>
			<span v-if="pattern.type == 'wildcard'">
				<span class="gray">[通配符]</span> {{ pattern.pattern }}
			</span>
			<span v-if="pattern.type == 'regexp'">
				<span class="gray">[正则表达式]</span> {{ pattern.pattern }}
			</span>
		</TLabel>
	</div>
</template>

<style scoped lang="postcss">

</style>