import { styled as o } from "@mui/material/styles";
import { IMAGE_KEY_COMPONENT as t } from "../constant.js";
import { ImageSlots as e } from "./ImageEnum.js";
import { imageStyles as n } from "../image.styles.js";
import { Skeleton as m } from "../../extended/mui/Skeleton/Skeleton.js";
const p = o("img", {
  name: t,
  slot: e.root
})(n?.root), S = o("img", {
  name: t,
  slot: e.imgSkeleton
})(n?.imgSkeleton), c = o("span", {
  name: t,
  slot: e.intersectComponent
})(n?.intersectComponent);
o("span", {
  name: t,
  slot: e.scrollIntersectRoot
})(n?.scrollIntersectRoot);
o(m, {
  name: t,
  slot: e.skeletonComponent
})(n?.skeletonComponent);
const k = o(m, {
  name: t,
  slot: e.divContainerSkeleton
})(n?.divContainerSkeleton);
export {
  k as DivContainerSkeletonStyled,
  S as ImgSkeleton,
  p as ImgStyled,
  c as IntersectComponentStyled
};
