import { jsx as o, jsxs as p } from "@emotion/react/jsx-runtime";
import { getPropDataTestId as m } 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 "../PopoverSort/PopoverSort.js";
import { DynamicSortSlots as n } from "../../slots/SlotsEnum.js";
function h(a) {
  const { className: i } = a, { ownerState: r, dataTestId: e } = c(), s = S(t);
  return /* @__PURE__ */ o(
    l,
    {
      className: f(s, i),
      ownerState: { ...r },
      ...m(t, n.root, e),
      children: /* @__PURE__ */ p(
        d,
        {
          ownerState: { ...r },
          ...m(t, n.innerContainer, e),
          children: [
            /* @__PURE__ */ o(u, {}),
            /* @__PURE__ */ o(y, {}),
            /* @__PURE__ */ o(C, {})
          ]
        }
      )
    }
  );
}
export {
  h as default
};
