<template>
  <ods-main-header
    headerLogoText="motion"
    logoUrl="/home"
    breadcrumbSeparator=">"
    actionsMenuIcon="overflow-menu"
    :showSuitesMenu="false"
    :showBreadcrumbs="true"
    :showActionsMenu="false"
    :showUserMenu="true">
    <template slot="actions">
      <header-actions/>
    </template>
    <template slot="userAvatar">
      <img src="@/assets/images/header/avatar.svg"/>
    </template>
    <template slot="user">
      <user-menu/>
    <!-- template(slot="clientLogo")
      div.ods-main-header__client-logo
        img(
          src="@/assets/images/logo.png"
          alt="logo") -->
    </template>
  </ods-main-header>
</template>

<script>
import HeaderActions from '@/components/header/HeaderActions';
import UserMenu from '@/components/header/UserMenu';
import SuitesMenu from '@/components/header/SuitesMenu';
import HeaderCustomContent from '@/components/header/HeaderCustomContent';

export default {
  name: 'HeaderContent',
  components: {
    HeaderActions,
    UserMenu,
    SuitesMenu,
    HeaderCustomContent,
  },
  computed: {
    env() {
      return process.env.ENV_TAG;
    },
  },
};
</script>

<style lang="scss" scope>
  .ods-main-header__client-logo {
    img {
      width: 75px;
    }
  }
</style>
