<template>
  <v-snackbar v-model="snackbar" :color="props.color" :z-index="100000000" >
    {{ props.text }}

    <template #actions>
      <v-btn variant="text" @click="snackbar = false"> Close </v-btn>
    </template>
  </v-snackbar>
</template>

<script setup lang="ts">
const snackbar = defineModel({ type: Boolean });
const props = defineProps({
  text: {
    type: String,
    default: "",
  },
  color: {
    type: String,
    default: "primary",
  },
});
</script>
