import { styled as t } from "@mui/material/styles";
import { Button as a } from "../../../../extended/mui/Button/Button.js";
import { Divider as m } from "../../../../extended/mui/Divider/Divider.js";
import { IconButton as l } from "../../../../extended/mui/IconButton/IconButton.js";
import { Typography as d } from "@m4l/base";
import { RHF_UPLOAD_IMAGE_KEY_COMPONENT as o } from "../constants.js";
import { rhfUploadImageStyles as e } from "../RHFUploadImage.styles.js";
import { UploadImageSlots as n } from "./RHFUploadImageEnum.js";
const I = t("div", {
  slot: n.rhfUploadImageRoot,
  name: o
})(e.rhfUploadImageRoot), u = t("div", {
  slot: n.uploadImageRoot,
  name: o
})(e.uploadImageRoot), S = t("div", {
  slot: n.contentModuleLayout,
  name: o
})(e.contentModuleLayout), f = t("div", {
  slot: n.contentImage,
  name: o
})(e.contentImage), R = t("div", {
  slot: n.contentImageText,
  name: o
})(e.contentImageText), M = t("div", {
  slot: n.contentMessage,
  name: o
})(e.contentMessage), h = t(d, {
  slot: n.typography,
  name: o
})(e.typography), U = t(a, {
  slot: n.button,
  name: o
})(e.button), w = t(l, {
  slot: n.iconButtonRemove,
  name: o
})(e.iconButtonRemove), B = t("div", {
  slot: n.containPreview,
  name: o
})(e.containPreview), C = t("div", {
  slot: n.previewFallback,
  name: o
})(e.previewFallback), P = t(m, {
  slot: n.divider,
  name: o
})(e.divider);
export {
  U as ButtonStyled,
  B as ContainPreviewStyled,
  f as ContentImageStyled,
  R as ContentImageTextStyled,
  M as ContentMessageStyled,
  S as ContentModuleLayoutStyled,
  P as DividerStyled,
  w as IconButtonRemoveStyled,
  C as PreviewFallbackStyled,
  I as RHFUploadImageRootStyled,
  h as TypographyStyled,
  u as UploadImageRootStyled
};
