<template>
  <div class="icon-title-bar" :class="{'mobile': mobile}">
    <img :src="titleImg" alt="title"/>
  </div>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import { AppModule, DeviceType } from '@/store/modules/app'

@Component({
  name: 'IconTitleBar',
  components: {
  },
  props: ['titleImg']
})
export default class extends Vue {
  get mobile() {
    return AppModule.device === DeviceType.Mobile
  }
}
</script>
<style lang="scss" scoped>
.icon-title-bar{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 58px;
  margin-top: 58px;
}
.icon-title-bar.mobile{
  img{
    width: 52vw;
  }
}
</style>
