<script>
import { Popup } from '@/libraries/popup';
import nsPosPendingOrdersPopup from '@/popups/ns-pos-pending-orders-popup';
import { __ } from '@/libraries/lang';

export default {
    name: 'ns-pos-pending-orders-button',
    methods: {
        __,

        openPendingOrdersPopup() {
            const popup     =   new Popup;
            popup.open( nsPosPendingOrdersPopup );
        }
    },
}
</script>
<template>
    <div class="ns-button default">
        <button @click="openPendingOrdersPopup()" class="rounded shadow flex-shrink-0 h-12 flex items-center px-2 py-1 text-sm">
            <i class="mr-1 text-xl lar la-hand-pointer"></i>
            <span>{{ __( 'Orders' ) }}</span>
        </button>
    </div>
</template>