<script lang="ts">
import {defineComponent} from 'vue'

export default defineComponent({
  name: "errorModal",
  props: {
    error: String
  },
  data(){
    return {
    }
  }
})
</script>

<template>
<div class="error">
  <p>Erreur :(</p>
  <p>{{error}}</p>
</div>
</template>

<style scoped>
  .error{
    background-color: darkred;
    color: white;
    padding: 1em;
    border-radius: 0.5em;
    text-align: center;
    position: absolute;
  }
</style>