import { jsx as r } from "@emotion/react/jsx-runtime";
import { getPropDataTestId as d } from "../../../../test/getNameDataTestId.js";
import { DYNAMIC_SORT_KEY_COMPONENT as n } from "../../constants.js";
import { DynamicSortSlots as S } from "../../slots/SlotsEnum.js";
import s from "../DynamicSortBase/useDynamicSortBase.js";
import a from "./useAppliedSorts.js";
import { AppliedSortsStyled as o, AppliedSortInnerContainerStyled as l } from "../../slots/DynamicSortSlots.js";
import f from "../AppliedSortChip/AppliedSortChip.js";
function h() {
  const { appliedSortsSorted: e, isSkeleton: p } = a(), { dataTestId: i, ownerState: m } = s();
  return p ? /* @__PURE__ */ r(o, {}) : /* @__PURE__ */ r(
    o,
    {
      ...d(n, S.appliedSorts, i),
      ownerState: { ...m },
      children: /* @__PURE__ */ r(l, { children: e?.reverse()?.map((t) => /* @__PURE__ */ r(f, { ...t }, t.id)) })
    }
  );
}
export {
  h as default
};
