"use client";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import * as React from "react";
import { AddressFormatSettings } from "./AddressFormatSettings.js";
import PipelineSettings from "./PipelineSettings.js";
import DictionarySortSettings from "./DictionarySortSettings.js";
import DictionarySettings from "./DictionarySettings.js";
function SettingsSectionSkeleton() {
  return /* @__PURE__ */ jsx("section", { className: "min-h-32 rounded-lg border bg-background p-4", "aria-hidden": "true" });
}
function CustomersConfigurationSections() {
  const [mounted, setMounted] = React.useState(false);
  React.useEffect(() => {
    setMounted(true);
  }, []);
  if (!mounted) {
    return /* @__PURE__ */ jsxs(Fragment, { children: [
      /* @__PURE__ */ jsx(SettingsSectionSkeleton, {}),
      /* @__PURE__ */ jsx(SettingsSectionSkeleton, {}),
      /* @__PURE__ */ jsx(SettingsSectionSkeleton, {}),
      /* @__PURE__ */ jsx(SettingsSectionSkeleton, {})
    ] });
  }
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsx(AddressFormatSettings, {}),
    /* @__PURE__ */ jsx(PipelineSettings, {}),
    /* @__PURE__ */ jsx(DictionarySortSettings, {}),
    /* @__PURE__ */ jsx(DictionarySettings, {})
  ] });
}
export {
  CustomersConfigurationSections as default
};
//# sourceMappingURL=CustomersConfigurationSections.js.map
