import { NavLink as l } from "react-router-dom";
import { styled as o } from "@mui/material/styles";
import { NavLinkSlots as t } from "./NavLinkEnum.js";
import { Typography as n } from "@m4l/base";
import { NAV_LINK_KEY_COMPONENT as e } from "../constants.js";
import { Skeleton as y } from "../../Skeleton/Skeleton.js";
import { navLinkStyles as r } from "../NavLink.styles.js";
const k = o("div", {
  name: e,
  slot: t.root
})(r?.root), N = o(n, {
  name: e,
  slot: t.typographyStyled
})(r?.typographyStyled), v = o(y, {
  name: e,
  slot: t.skeletonStyled
})(r?.skeletonStyled), L = o(l, {
  name: e,
  slot: t.routerNavLinkStyled
})(r.routerNavLinkStyled);
export {
  k as RouterNavLinkRootStyled,
  L as RouterNavLinkStyled,
  v as SkeletonStyled,
  N as TypographyStyled
};
