<script setup lang="ts">
import { ref } from "vue";
import contentConfig from "./config/content.config";
import searchConfig from "./config/search.config";
import modalConfig from "./config/modal.config";
import { usePageSearch, usePageModal, type PageHooks } from "/@/hooks/page";

const PageName = "supplierBrand";
const instance = ref<any>(null);

const disabled = ref(false)
const visible = ref(false)
const data = ref<any>({})

const hooks: PageHooks = {
  pageSearchHook: () => usePageSearch(undefined, undefined, searchConfig),
  pageModalHook: (pageContentRef) => usePageModal(pageContentRef)
};
</script>

<template>
  <PageAuth :pageName="PageName">
    <PageContainer
      :hooks="hooks"
      :content-config="contentConfig"
      :search-config="searchConfig"
      :modal-config="modalConfig"
      :get-content-ref="ref => (instance = ref)"
    />
  </PageAuth>
</template>
