import { jsx as i, jsxs as c, Fragment as d } from "@emotion/react/jsx-runtime";
import { Chip as m } from "../../../Chip/Chip.js";
import f from "../DynamicFilterBase/useDynamicFilterBase.js";
import h from "./useAppliedFilterChip.js";
import { Typography as u } from "../../../extended/mui/Typography/Typography.js";
function D(o) {
  const { fixed: t, isSet: l, field: n } = o, { size: r } = f(), { onEditFilter: a, onDelete: p, iconFieldUrl: s, labels: e } = h(o);
  return /* @__PURE__ */ i(
    m,
    {
      size: r,
      opacity: !0,
      color: l ? n.color ?? "default" : "error",
      variant: "contained",
      onClick: a,
      startIcon: s,
      label: /* @__PURE__ */ c(d, { children: [
        /* @__PURE__ */ i(u, { component: "span", variant: "bodyDens", size: r, color: "inherit", children: `${e.labelField} ${e.labelOperator} ` }),
        ` ${e.labelOperands}`
      ] }),
      onDeleted: t ? void 0 : p
    }
  );
}
export {
  D as default
};
