import { jsx as t, Fragment as c } from "@emotion/react/jsx-runtime";
import { useModuleDictionary as l, useEnvironment as p } from "@m4l/core";
import { useMemo as d } from "react";
import { SORT_ICONS as s } from "../../../icons.js";
import { Icon as i } from "@m4l/base";
import { getDynamicSortDictionary as n, DICCTIONARY as f } from "../../../dictionary.js";
import u from "../../DynamicSortBase/useDynamicSortBase.js";
import { RHFSelect as S } from "../../../../hook-form/RHFSelect/RHFSelect.js";
function y() {
  const { getLabel: o } = l(), { host_static_assets: e, environment_assets: r } = p(), { size: m } = u(), a = d(
    () => [
      {
        id: "asc",
        label: o(n("label_ascending")),
        startAdornment: /* @__PURE__ */ t(i, { src: `${e}/${r}/${s.ASCENDING}` })
      },
      {
        id: "desc",
        label: o(n("label_descending")),
        startAdornment: /* @__PURE__ */ t(i, { src: `${e}/${r}/${s.DESCENDING}` })
      }
    ],
    [o, e, r]
  );
  return /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(
    S,
    {
      size: m,
      name: "formValueOperator",
      options: a,
      label: o(n(f.input_placeholder))
    }
  ) });
}
export {
  y as StringSort
};
