'use strict';
import { jsxs, jsx } from 'react/jsx-runtime';
import { resourceNames } from '../../../../fd-toolbox/resources/resource-names.js';
import { getElementId } from '../../../../fd-toolbox/html/element-ids.js';
import { getUiResourceMeta } from '../../../meta/server/ui/ui-metas.js';
import { initializeInternalResourceMetaIfNeeded } from '../../../meta/server/resources/init-internal-resource-metas-from-json.js';
import { filterListOrientations } from '../../../meta/filtering/filter-list-positions.js';
import { ResourceFilterList } from '../../../meta/filtering/resource-filter-list/ResourceFilterList.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
async function FiltersTestPage() {
  initializeInternalResourceMetaIfNeeded();
  const uiResourceMeta = await getUiResourceMeta(resourceNames.person);
  const limitedFiltersConfig = {
    customFilters: [],
    orientation: filterListOrientations.vertical
  };
  return /* @__PURE__ */jsxs("div", {
    className: "flex flex-col gap-8 p-4",
    children: [/* @__PURE__ */jsx("h1", {
      className: "text-2xl font-bold",
      children: "Filters Test Page"
    }), /* @__PURE__ */jsxs("div", {
      children: [/* @__PURE__ */jsx("h2", {
        className: "mb-2 text-xl font-semibold",
        children: "Non-Collapsible Filters (vertical orientation, collapse button hidden)"
      }), /* @__PURE__ */jsx("div", {
        id: getElementId(FiltersTestPage.displayName),
        className: "rounded-lg border bg-white p-4",
        children: /* @__PURE__ */jsx(ResourceFilterList, {
          uiResourceMeta,
          stateKey: "test-non-collapsible",
          config: limitedFiltersConfig,
          parentContextName: FiltersTestPage.displayName
        })
      })]
    })]
  });
}
__name(FiltersTestPage, "FiltersTestPage");
FiltersTestPage.displayName = "FiltersTestPage";

export { FiltersTestPage as default };
