<script setup>
import { can, viewTo,  } from "./Module";

import SearcherHead from "@Holos/Searcher.vue";
import IconButton   from '@Holos/Button/Icon.vue'
import MembershipSection from "@App/MembershipSection.vue";
</script>

<template>
  <SearcherHead title="Cobro de Membresía" @search="(x) => searcher.search(x)">
    <RouterLink v-if="can('create')" :to="viewTo({ name: 'create' })">
      <IconButton
        class="text-white"
        icon="add"
        :title="$t('crud.create')"
        filled
      />
    </RouterLink>
  </SearcherHead>
  <MembershipSection />
</template>
