<template>
  <div class="footer">
    <div>{{copyright}}</div>
    <div>{{company}}</div>
  </div>
</template>

<script>
export default {
  name: 'xm-footer',
  props: [
    'company',
  ],
  data () {
    return {}
  },
  computed: {
    copyright() {
      const year = (new Date()).getFullYear()
      return `CopyRight @ ${year}`
    }
  }
}
</script>

<style lang="scss">
.footer {
  display:flex;
  justify-content:center;
  align-items:center;
  width: 100%;
  height: 100%;
  color: #666;
  // text-align: center;
  font-size: 14px;
  font-weight: 500;
  text-shadow: 1px 1px #fff;

  div {
    & + div {
      padding-left: 12px;
    }
  }
}
</style>

