<template>
<div>
  <md-tabs md-alignment="centered" :md-active-tab="current_tab">
    <MainView/>
    <RulesView/>
    <ServersView/>
    <VipView/>
    <AboutView/>
    <EmptyTab lb=""/>
    <EmptyTab lb=""/>
    <ProfileView/>
  </md-tabs>
</div>
</template>

<script>
import RulesView from "@/components/TabsMenuElements/RulesView.vue";
import ServersView from "@/components/TabsMenuElements/ServersView.vue";
import ProfileView from "@/components/TabsMenuElements/ProfileView.vue";
import VipView from "@/components/TabsMenuElements/VipView.vue";
import AboutView from "@/components/TabsMenuElements/AboutView.vue";
import EmptyTab from "@/components/TabsMenuElements/EmptyTab.vue";
import MainView from "@/components/TabsMenuElements/MainView/MainView.vue";

export default {
    name: 'TabsMenu',
    components: {MainView, EmptyTab, RulesView, ServersView, ProfileView, VipView, AboutView},
    data: () => ({
      current_tab: 0
    })
}
</script>

<style>
</style>