<template>
  <span class="logo">
    {{text}}
  </span>
</template>

<script>
export default {
  name: 'logoCmp',
  props: {
    text: String
  }
};
</script>

<style scoped>
  .logo {
    display: inline-block;
    padding: 4px 8px;
    background-color: #173444;
    color: #fff;
    line-height: 30px;
    font-size: 24px;
    text-align: center;
    overflow: hidden;
  }
</style>