<script setup lang="ts">
import { ref } from "vue";
import Modal from "./components/modal.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 = "brand";
const instance = ref<any>(null);

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

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