<template>
  <v-app>
    <v-main>
      <snt-navbar :api-url="apiUrl" />
      <!-- <SntNavbar /> -->
      <v-container>
        <SntPrinter
          :items="canvas"
          :callback="printerCallback"
          :height="1122"
          :width="794"
          :inner-height="1122"
          :inner-width="794" />
        <!-- <SntDataSpreadsheet name="test">
          <template #header>
            <SntDataSpreadsheetTabs
              :items="[
                {
                  label: 'สร้างลูกค้า'
                },
                {
                  label: 'แก้ไขสินค้าในหมวดหมู่ลูกค้า'
                }
              ]" />
          </template>
          Test
        </SntDataSpreadsheet> -->
      </v-container>
    </v-main>
  </v-app>
</template>

<script>
import { VApp, VMain, VContainer } from 'vuetify/lib'
// import { SntNavbar } from '@/components/SntNavbar'
// import { SntDataSpreadsheet, SntDataSpreadsheetTabs } from '@/components/SntDataSpreadsheet'

export default {
  name: 'App',
  components: {
    VApp,
    VMain,
    VContainer
    // SntNavbar,
    // SntDataSpreadsheet,
    // SntDataSpreadsheetTabs
  },
  data () {
    return {
      apiUrl: process.env.VUE_APP_API
    }
  }
}
</script>

<style lang="scss">
  @import '~@/assets/scss/styles.scss';
  @import '~@/assets/scss/vuetify.scss';
</style>
