<template>
  <div class="Layout font-sans text-base bg-app-drak-1 page text-white">
      <div class="header flex">
          <div class="transform rotate-180">
              <app-icon customize type='icon-arrow-right-copy-copy' size='24px'></app-icon>
          </div>
          <div></div>
          <div></div>
      </div>
      <slot></slot>  
  </div>
</template>

<script lang="ts">
import Vue from 'vue';



export default Vue.extend({
//   name: 'Layout',
  components:{
      'app-icon':()=>import('@/components/common/Icon.vue')
    // 'app-overlay':()=>import('./overlay.vue'),
    // 'app-navigator':()=>import('./navigator.vue'),
    // 'app-picker':()=>import('@/components/common/Picker.vue')
  }
});
</script>
<style scoped>
.Layout{
    height:100%;
    width: 100%;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
}

</style>