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

defineProps({
  entryTransactions: Object,
  entryTransactionCount: Number,
  outTransactions: Object,
  outTransactionCount: Number,
  typeVehicles: Object,
})
</script>
<template>
  <DashboardLayout>
    <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>
  </DashboardLayout>
</template>
