<script setup lang="ts">
import { useTitle } from '@/hooks/useTitle';

const title = useTitle();
</script>
<template>
  <div class="flex py-4 px-4">
    <div class="grow shrink-0 h-full min-w-16"></div>
    <div class="grow-[3] shrink mx-2 flex flex-col justify-center overflow-hidden">
      <div class="font-bold text-3xl text-nowrap text-center tracking-wide overflow-ellipsis overflow-hidden">
        {{ title }}
      </div>
    </div>
    <div class="grow shrink-0 h-full min-w-16"></div>
  </div>
</template>
<style scoped lang="scss"></style>
