<template>

<div>
  <p class="content">{{ step.content }}</p>
  <button v-show="!lastStep" class="Vlt-btn Vlt-btn--app Vlt-btn--tertiary Vlt-modal__cancel" v-on:click="reset">Cancel</button>
  <button v-show="lastStep" class="Vlt-btn Vlt-btn--app Vlt-btn--secondary Vlt-modal__cancel" v-on:click="reset">Close</button>
</div>

</template> <script>

import eventHub from '../eventHub';

export default {

props: ['step', 'lastStep'],
methods: {
  reset: function() {
    eventHub.$emit('reset-modal');
  }
}

} </script> <style scoped> .content {

white-space: pre-line;
max-width: 316px;

} </style>