<template>
  <v-snackbar
    v-model="modelValue"
    variant="flat"
  >
    <v-icon
      color="primary"
      icon="check_circle"
      size="large"
      start
    />
    <span class="shark-950 text-center text-sm-medium">
      {{ t('texts.imagesShared') }}
    </span>
    <template #actions>
      <v-btn
        data-testid="closeBtn"
        class="shark-400"
        icon="close"
        size="small"
        variant="text"
        @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>
