21 lines
415 B
Vue
21 lines
415 B
Vue
<script setup lang="ts">
|
|
import { removalNote } from '@/lib/mediaFormat'
|
|
|
|
defineProps<{ count: number; bytes: number }>()
|
|
</script>
|
|
|
|
<template>
|
|
<UAlert
|
|
v-if="count > 0"
|
|
data-testid="variant-removal-note"
|
|
color="warning"
|
|
variant="soft"
|
|
icon="i-lucide-layers"
|
|
:title="removalNote(count, bytes)"
|
|
:ui="{
|
|
root: 'items-center px-3 py-2.5',
|
|
title: 'font-medium text-highlighted',
|
|
}"
|
|
/>
|
|
</template>
|