<script setup>
import { ref } from 'vue'
import NavBar from './components/Naw_bar/All_new_section.vue'
import NewsFeed from './components/News_section/General_section.vue'
import Settings from './components/Settings_section/Settings.vue'
import Auth from './components/Autherization/Authe.vue'
import Sources from './components/Istochnik_section/Istochnik.vue'

const currentPage = ref('admin-panel')

function navigateTo(page) {
  currentPage.value = page
}
</script>

<template>
  <Auth :currentPage="currentPage" @update="navigateTo" />

  <template v-if="currentPage !== 'admin-panel'">
    <div class="sm:flex">
      <NavBar :currentPage="currentPage" @update="navigateTo" />
      <NewsFeed v-if="currentPage === 'rezylt'" filter="all" />
      <Settings v-else-if="currentPage === 'setings'" />
      <Sources v-else-if="currentPage === 'istochnik'" />
    </div>
  </template>
</template>

