<script setup lang="ts">
import TwoFactorView from './TwoFactorView.vue';
</script>

<template>
    <Story title="Auth / TwoFactorView" :layout="{ type: 'single', iframe: true }">
        <Variant title="default">
            <v-app>
                <v-main class="story-form-pane">
                    <v-container class="d-flex justify-center align-center fill-height">
                        <TwoFactorView />
                    </v-container>
                </v-main>
            </v-app>
        </Variant>
    </Story>
</template>

<style scoped>
.story-form-pane {
    background: #f6f3ec;
    min-height: 100vh;
}
</style>
