include ../pug/base.pug
include ../pug/bem.pug

div(class="min-h-screen bg-white dark:bg-gray-900 transition-colors duration-300")
    div(v-if="appState.loading" class="flex items-center justify-center min-h-screen")
        div(class="text-center")
            div(class="animate-spin rounded-full h-32 w-32 border-b-2 border-blue-600")
            p(class="mt-4 text-gray-600 dark:text-gray-400") Загрузка...
    
    div(v-else-if="appState.error" class="flex items-center justify-center min-h-screen")
        div(class="text-center")
            div(class="text-red-600 text-xl") Ошибка
            p(class="text-gray-600 dark:text-gray-400") {{ appState.error }}
    
    router-view(v-else)