'use strict';
import { jsx, jsxs } from 'react/jsx-runtime';
import { DynamicLayoutDragAndDrop } from '../../../fd-component-toolbox/dynamic-layout/DynamicLayoutDragAndDrop.js';
import { resourceNames } from '../../../../fd-toolbox/resources/resource-names.js';
import { Dynamic } from '../../../fd-component-toolbox/dynamic-layout/Dynamic.js';
import { ResourceList } from '../../../meta/resource-list/ResourceList.js';
import { getMultilistResourceListConfig } from '../../../meta/resource-list/resource-list-configs.js';
import { ReportComponent } from '../../../fd-app-toolbox/report/ReportComponent.js';
import { reportTypes } from '../../../fd-app-toolbox/reports/report-enums.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
async function DynamicLayoutPage() {
  const resourceListConfig = getMultilistResourceListConfig(resourceNames.contact);
  return /* @__PURE__ */jsx("div", {
    className: "px-40 py-20",
    children: /* @__PURE__ */jsxs(DynamicLayoutDragAndDrop, {
      componentClassName: "bg-background shadow rounded-xl",
      children: [/* @__PURE__ */jsx(ReportComponent, {
        type: reportTypes.chart,
        reportId: "38bdb3b9-3ad2-4359-8e2b-4ea14b4d4367"
      }), /* @__PURE__ */jsx(ReportComponent, {
        type: reportTypes.chart,
        reportId: "38bdb3b9-3ad2-4359-8e2b-4ea14b4d4367"
      }), /* @__PURE__ */jsx(ReportComponent, {
        type: reportTypes.chart,
        reportId: "38bdb3b9-3ad2-4359-8e2b-4ea14b4d4367"
      }), /* @__PURE__ */jsx(Dynamic, {
        minWidth: 2,
        children: /* @__PURE__ */jsx("div", {
          className: "h-full overflow-y-auto",
          children: /* @__PURE__ */jsx(ResourceList, {
            config: resourceListConfig
          })
        })
      }), /* @__PURE__ */jsx("div", {})]
    })
  });
}
__name(DynamicLayoutPage, "DynamicLayoutPage");

export { DynamicLayoutPage as default };
