<template lang="pug">
    .pos-step
        .delivery-confirm-step
            card-grid(
                imageKey='product.image'
                :items='selectedMoveLines'
                :headerKeys="['product.name']"
                :footerKeys="['quantity']"
            )
</template>

<script>
    import { mapGetters, mapActions } from 'vuex'
    import { CardGrid } from '../common'

    export default {
        components: {
            CardGrid
        },
        computed: mapGetters([
            'selectedMoveLines'
        ])
    }
</script>

<style lang="sass">
    .pos-step
        .delivery-confirm-step
            width: 100%
            height: 100%
            display: flex
</style>