<script setup lang="ts">
const time = "12:00"
</script>

<template>
  <v-card-item>
    <v-card-title class="d-flex align-center justify-between">
      <div class="clock-time">
        <strong>{{ time }}</strong>
      </div>
      {{ $t('header.clock.title') }}
      <div class="clock-arrows">
        <v-btn icon="mdi-arrow-left-thick" elevation="0" />
        <v-btn icon="mdi-arrow-right-thick" elevation="0" />
      </div>
    </v-card-title>
  </v-card-item>
</template>

<style scoped>
  .v-card-item {
    padding: 2px;
  }
</style>