<script setup lang="ts">
const { profiles } = await useSiteOptions();
const { menuItems } = await useMenuItems("TOP");
const { breakpoints } = useResponsive();
const showLabels = breakpoints.greaterOrEqual("sm");
</script>

<template>
  <UContainer class="flex items-center gap-1.5">
    <UiSocialProfiles :profiles="profiles" class="mr-auto" />
    <UNavigationMenu :items="menuItems" variant="link" content-orientation="vertical" />
    <AuthButton :show-labels="showLabels" />
    <MemberAreaButton :show-labels="showLabels" />
  </UContainer>
</template>
