<script setup>
import Entry from './Entry.vue'
import Out from './Out.vue'
import AppLayout from '@/layouts/AppLayout.vue'

defineProps({
  entryTransactions: Object,
  entryTransactionCount: Number,
  outTransactions: Object,
  outTransactionCount: Number,
  typeVehicles: Object,
})
</script>
<template>
  <AppLayout>
    <div class="grid">
      <div class="col-12 md:col-6">
        <Entry :data="entryTransactions" :data-count="entryTransactionCount" />
      </div>
      <div class="col-12 md:col-6">
        <Out
          :data="outTransactions"
          :data-count="outTransactionCount"
          :type-vehicles="typeVehicles"
          :entry-transaction-data="entryTransactions"
          :entry-transaction-count="entryTransactionCount"
        />
      </div>
    </div>
  </AppLayout>
</template>
