import { jsx as t, jsxs as l } from "@emotion/react/jsx-runtime";
import { getPropDataTestId as m } from "../../../../test/getNameDataTestId.js";
import { getComponentSlotRoot as p } from "../../../../utils/getComponentSlotRoot.js";
import { DYNAMIC_FILTER_KEY_COMPONENT as o } from "../../constants.js";
import c from "./useDynamicFilterBase.js";
import f from "clsx";
import { RootStyled as d, InnerContainerStyled as F } from "../../slots/dynamicFilterSlots.js";
import S from "../InputFilter/InputFilter.js";
import I from "../AppliedFilters/AppliedFilters.js";
import u from "../PopoverFilter/PopoverFilter.js";
import { DynamicFilterSlots as i } from "../../slots/SlotsEnum.js";
function g(n) {
  const { className: a } = n, { ownerState: r, dataTestId: e } = c(), s = p(o);
  return /* @__PURE__ */ t(
    d,
    {
      className: f(s, a),
      ownerState: { ...r },
      ...m(o, i.root, e),
      children: /* @__PURE__ */ l(
        F,
        {
          ownerState: { ...r },
          ...m(o, i.innerContainer, e),
          children: [
            /* @__PURE__ */ t(S, {}),
            /* @__PURE__ */ t(I, {}),
            /* @__PURE__ */ t(u, {})
          ]
        }
      )
    }
  );
}
export {
  g as default
};
