opendesk

1<template>
2  <Badge
3    theme="gray"
4    variant="outline"
5    size="lg"
6    class="min-w-0 max-w-40 gap-1.5 transition-colors duration-150 hover:bg-surface-gray-2"
7  >
8    <span class="size-2 shrink-0 rounded-full" :class="color" />
9    <span :title="tag" class="min-w-0 truncate text-ink-gray-7">{{ tag }}</span>
10  </Badge>
11</template>
12
13<script setup lang="ts">
14import { Badge } from "frappe-ui";
15
16defineProps<{ tag: string; color: string }>();
17</script>
18