<template>
    <v-card tile flat class="mx-auto d-flex align-center justify-center"
        :outlined="false"
        :height="app.height"
        :width="app.width"
    >
        <component
            :is="controller.currentComponent"
            :app="app"
            :width="480"
            :customer="customer"
            :user="user"
        >
        </component>
    </v-card>
</template>

<script>
    export default {
        props: {
            app: {required: true},
            customer: {required: true},
            user: {user: true},
        },

        computed: {
            controller() {
                return this.app.classes.Controller;
            }
        },

        name: 'ActivateAccountPage',
    }
</script>