Copy

<script setup lang="ts">
import EventFilter from "components/EventTable/EventFilter.vue";
import { type FilterActions } from "src/store";

defineProps<{
  filterActions: FilterActions;
}>();
</script>

<template>
  <header class="flex flex-wrap-reverse items-end justify-between gap-4 p-4">
    <EventFilter :filters="filterActions.state" />
    <div class="flex items-center gap-2">
      <slot name="header-right" />
    </div>
  </header>
</template>