<template>
    
    <v-card
        tile
        flat
        :outlined="forgotPasswordPage.outlined"
        :height="forgotPasswordPage.height"
        :width="forgotPasswordPage.width"
        :color="forgotPasswordPage.color"
        class="mx-auto d-flex align-center"
    >
        <component
            :is="'forgot-password-' + forgotPasswordPage.currentComponent"
            :app="app"
        >
        </component>
    </v-card>
</template>

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

        computed: {
            forgotPasswordPage() {
                return this.app.classes.Forgotpasswordpage;
            }
        },

        components: {
            ForgotPasswordForm: require('./Form/ForgotPasswordForm').default,
            ForgotPasswordThankYou: require('./Thankyou/ForgotPasswordThankYou').default,
        },

        name: 'ForgotPasswordPage',
    }
</script>