<script setup lang="ts">
import { ref } from "vue";
import { PageContent } from "/@/components/PageContent";
import contentConfig from "./config/content.config";
import { PageSearch, usePageSearch } from "/@/components/PageSearch";
import searchConfig from "./config/search.config";
import type { PageContentInstance } from "/@/components/PageContent";
const pageContentRef = ref<PageContentInstance | null>(null);
const { handleResetClick, handleSearchClick } = usePageSearch();
</script>

<template>
  <div>
    <PageSearch
      :form-config="searchConfig"
      @search-btn-click="handleSearchClick"
      @reset-btn-click="handleResetClick"
    />
    <PageContent ref="pageContentRef" :content-config="contentConfig" />
  </div>
</template>
