import { TextField as l } from "@mui/material";
import { styled as t } from "@mui/material/styles";
import { TEXT_FIELD_KEY_COMPONENT as e } from "../constants.js";
import { textFieldStyles as o } from "../TextField.styles.js";
import { TextFieldSlots as i } from "./TextFieldEnum.js";
import { Typography as m } from "@m4l/base";
import { Skeleton as r } from "../../Skeleton/Skeleton.js";
const p = t(l, {
  name: e,
  slot: i.root
})(o?.root), y = t(r, {
  name: e,
  slot: i.skeleton
})(o?.skeleton), c = t("div", {
  name: e,
  slot: i.limitContainer
})(o?.limitContainer), F = t(m, {
  name: e,
  slot: i.limitTextFirst
})(o?.limitTextFirst), f = t(m, {
  name: e,
  slot: i.limitTextSeparator
})(o?.limitTextSeparator), L = t(m, {
  name: e,
  slot: i.limitTextSecond
})(o?.limitTextSecond);
export {
  c as LimitContainerStyled,
  F as LimitTextFirstStyled,
  L as LimitTextSecondStyled,
  f as LimitTextSeparatorStyled,
  y as SkeletonStyled,
  p as TextFieldRootStyled
};
