<template>
    <div ref="container" class="popupContainer">
        {{ message }}
    </div>
</template>

<script>
    export default {
        name: "PopupMessage",
        props: ['message'],
    }
</script>

<style scoped>
    .popupContainer {
        background-color: #00ff5e;
        padding: 30px;

        font-size: 30px;
        text-align: center;

        position: fixed;
        bottom: 0;

        left: 0;
        right: 0;
    }
</style>