<template>
  <div>
    <order-steps-template
      :steps="selectedOrder"
      :steps-callback="stepCallback"
      :content-wrapper-class="{ content: true }"
    >
      <order-complete :child-container-classes="['px-4', 'py-3']" />
    </order-steps-template>
  </div>
</template>
<script>
// import orderCompleted from '@/app/_global/components/OrderCompleted'
import OrderComplete from '@/app/_global/components/blocks/OrderComplete'
import orderCommonsMixin from '../../mixins/orderCommonsMixin'
import OrderStepsTemplate from '@/app/_global/components/templates/OrderStepsTemplate'

export default {
  name: 'EsacOrderCompleted',
  mixins: [orderCommonsMixin],
  components: {
    OrderComplete,
    OrderStepsTemplate,
  },
}
</script>
