<template>
  <h1 class="h1-title">
    <v-avatar size="12" :style="{ backgroundColor: 'currentColor' }"></v-avatar>
    {{ text ? text : menuNm}}
  </h1>
</template>

<script>
import { mapState } from 'vuex';

export default {
  name: "PageTitle",
  props: {
    text: {
      type: String,
      required: false,
    },
  },
  computed: {
		...mapState({
			menuNm: state => state.activeMenuInfo.menuNm,
		}),
  }
};
</script>

<style scoped></style>
