<template>
  <footer class="tf-footer wt-footer">
    <slot />
  </footer>
</template>
<script>
  export default {
    name: 'TfFooter',
    created() {
      document.body.classList.add('has-footer');
    },
    destroyed() {
      document.body.classList.remove('has-footer');
    },
  };
</script>
<style lang="scss" scoped>
  @import 'src/assets/styles/variables';
  @import 'src/assets/styles/mixins';

  .tf-footer,
  .wt-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: calc(100% - 60px);
    height: 30px;
    padding: 14px 30px;
    background: $tf-white;
    box-shadow: 0 -2px 3px 0 rgba($tf-black, .15), inset 0 1px 0 0 $tf-light-gray;
    text-align: right;
  }
</style>
