import { jsxs as m, jsx as s } from "@emotion/react/jsx-runtime";
import { Link as c } from "react-router-dom";
import { useModuleDictionary as a } from "@m4l/core";
import { Link as d, Box as l } from "@mui/material";
function y({ link: n }) {
  const { href: e, name: i, icon: o, dictionaryField: t } = n, { getLabel: r } = a();
  return /* @__PURE__ */ m(
    d,
    {
      variant: "body2",
      component: c,
      to: e || "#",
      sx: {
        lineHeight: 2,
        display: "flex",
        alignItems: "center",
        color: "text.primary",
        "& > div": { display: "inherit" }
      },
      children: [
        o && /* @__PURE__ */ s(l, { sx: { mr: 1, "& svg": { width: 20, height: 20 } }, children: o }),
        t !== void 0 && r ? r(t) : i
      ]
    },
    i
  );
}
export {
  y as LinkItem
};
