<template>
  <div class="position-relative vh-min-100 bg-white">
    <b-navbar variant="dark" type="dark" class="shadow mb-4">
      <b-navbar-brand class="w-100">
        <b-row>
          <b-col>
            <b-img :src="EkGlobalLogo" class="icon-size-3 icon-size-md-4 mr-3"></b-img>
            <span class="align-bottom font-size-md-3">{{ $t('App.Title') }}</span>
          </b-col>
        </b-row>
      </b-navbar-brand>
    </b-navbar>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'Navbar',
  data() {
    return {
      EkGlobalLogo: this.$const.constImage.COMPANY_LOGO,
    }
  },
}
</script>
