<script>

export default {
  name: 'AppContainerLeftPanel',
  components: {},
  data() {
    return {
      mobile_menu_opened: false
    }
  },
  computed: {
  },
  methods: {
  }
}

</script>

<template>
  <div class="flex items-center border-white/[0.2] border-r">
    <div
      class="flex p-4 cursor-pointer flex md:hidden"
      @click="mobile_menu_opened = !mobile_menu_opened"
    >
      <i
        icon="bar-chart-2"
        class="w-6 h-6 text-white transform rotate-90"
      />
    </div>
    <router-link
      class="items-center relative -intro-x flex cursor-pointer p-4 hidden md:flex"
      to="/?page=machines&mode=cards"
    >
      <div
        class="text-white mx-4"
        style="font-weight: 600;"
      >
        LiveMonitor
      </div>
    </router-link>
    <div class="w-[15px]" />
  </div>
</template>
