import { jsx as o, jsxs as p } from "@emotion/react/jsx-runtime";
import { getPropDataTestId as e } from "../../../../test/getNameDataTestId.js";
import { getComponentSlotRoot as S } from "../../../../utils/getComponentSlotRoot.js";
import { DYNAMIC_SORT_KEY_COMPONENT as t } from "../../constants.js";
import c from "./useDynamicSortBase.js";
import f from "clsx";
import { RootStyled as l, InnerContainerStyled as d } from "../../slots/DynamicSortSlots.js";
import u from "../InputSort/InputSort.js";
import y from "../AppliedSorts/AppliedSorts.js";
import C from "../SortActions/SortActions.js";
import D from "../PopoverSort/PopoverSort.js";
import { DynamicSortSlots as n } from "../../slots/SlotsEnum.js";
function j(i) {
  const { className: s } = i, { ownerState: r, dataTestId: m } = c(), a = S(t);
  return /* @__PURE__ */ o(
    l,
    {
      className: f(a, s),
      ownerState: { ...r },
      ...e(t, n.root, m),
      children: /* @__PURE__ */ p(
        d,
        {
          ownerState: { ...r },
          ...e(t, n.innerContainer, m),
          children: [
            /* @__PURE__ */ o(u, {}),
            /* @__PURE__ */ o(y, {}),
            /* @__PURE__ */ o(C, {}),
            /* @__PURE__ */ o(D, {})
          ]
        }
      )
    }
  );
}
export {
  j as default
};
