books/src/components/WindowsTitleBar.vue

<template>
  <div
    class="window-drag flex items-center border-b text-gray-900 border-gray-100"
    style="height: 28px"
  >
    <Fb class="ml-2" />
    <p class="mx-auto text-sm" v-if="companyName && dbPath">
      {{ companyName }} - {{ dbPath }}
    </p>
  </div>
</template>

<script>
import Fb from './Icons/18/fb.vue';

export default {
  name: 'WindowsTitleBar',
  components: { Fb },
  props: {
    dbPath: String,
    companyName: String,
  },
};
</script>