<template>
  <section class="view single">
    <RequestTable :requests="filteredRequests" expanded @ask="emit('ask', $event)" @approve="emit('approve', $event)" @reject="emit('reject', $event)" />
  </section>
</template>

<script setup>
import RequestTable from '../components/business/RequestTable.vue'

defineProps({
  filteredRequests: { type: Array, required: true }
})

const emit = defineEmits(['ask', 'approve', 'reject'])
</script>

<style scoped>
.view { display: grid; gap: 22px; animation: fadeUp 220ms var(--ease) both; }
.view.single { max-width: 1120px; }
</style>
