<template>
  <v-snackbar v-model="modelValue" class="mb-3" variant="flat">
    <v-icon data-testid="icon" class="minsk-500 pr-3" icon="check_circle" />
    <span class="shark-950">{{ t('texts.annotationCreateSuccess') }}</span>
    <template #actions>
      <v-btn class="ml-auto mr-2" color="minsk_900" variant="flat" @click="modelValue = false">
        <span>{{ t('labels.undo') }}</span>
      </v-btn>
      <v-icon data-testid="closeBtn" class="ml-auto shark-400" size="small" icon="close" @click="modelValue = false" />
    </template>
  </v-snackbar>
</template>

<script setup lang="ts">
import { useI18n } from 'vue-i18n';

const { t } = useI18n();

const modelValue = defineModel<boolean>({ default: false });
</script>
