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

/**
 * Story для экрана входа. Рендерит LoginView в обёртке-имитации .form-pane
 * (warm ivory-фон) — без двухпанельного AuthLayout, т.к. RouterView в memory-router
 * stub'ах не рендерит реальный view. Полное превью с brand-pane — в `npm run dev`.
 *
 * Источник дизайна: liderra_v8_handoff/concepts/v8_login.html секция #form-login.
 */
</script>

<template>
    <Story title="Auth / LoginView" :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">
                        <LoginView />
                    </v-container>
                </v-main>
            </v-app>
        </Variant>
    </Story>
</template>

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