import { ButtonBase as n, Box as m } from "@mui/material";
import { styled as t } from "@mui/material/styles";
import { ArrowRefreshMdOutlined as s } from "@m4l/icons";
import { Typography as p } from "@m4l/base";
import { imageSelectorStyles as e } from "../ImageSelector.styles.js";
import { IMAGE_SELECTOR_KEY_COMPONENT as r } from "../constants.js";
import { ImageSelectorSlots as a } from "./ImageSelectorEnum.js";
import { CircularProgress as d } from "../../extended/mui/CircularProgress/CircularProgress.js";
import { Image as l } from "../../Image/Image.js";
import { Popover as i } from "../../extended/mui/Popover/Popover.js";
const h = t("div", {
  name: r,
  slot: a.root,
  shouldForwardProp: (o) => o !== "ownerState"
})(e.root), I = t(n, {
  name: r,
  slot: a.trigger,
  shouldForwardProp: (o) => o !== "ownerState"
})(e.trigger), O = t(m, {
  name: r,
  slot: a.previewFrame,
  shouldForwardProp: (o) => o !== "ownerState"
})(e.previewFrame), E = t(l, {
  name: r,
  slot: a.previewImage,
  shouldForwardProp: (o) => o !== "ownerState"
})(e.previewImage), B = t("span", {
  name: r,
  slot: a.overlay,
  shouldForwardProp: (o) => o !== "ownerState"
})(e.overlay);
t(s, {
  name: r,
  slot: a.overlayIcon
})(e.overlayIcon);
const C = t(i, {
  name: r,
  slot: a.popover
})(e.popover), G = t("div", {
  name: r,
  slot: a.optionsGrid,
  shouldForwardProp: (o) => o !== "ownerState"
})(e.optionsGrid), T = t(n, {
  name: r,
  slot: a.option,
  shouldForwardProp: (o) => o !== "ownerState"
})(e.option), M = t(l, {
  name: r,
  slot: a.optionImage
})(e.optionImage), R = t("div", {
  name: r,
  slot: a.loadingState,
  shouldForwardProp: (o) => o !== "ownerState"
})(e.loadingState), _ = t(p, {
  name: r,
  slot: a.emptyState,
  shouldForwardProp: (o) => o !== "ownerState"
})(e.emptyState), x = t(d, {
  name: r,
  slot: a.loadingState
})(e.trigger);
export {
  x as CircularProgressStyled,
  _ as EmptyStateStyled,
  R as LoadingStateStyled,
  T as OptionButtonStyled,
  M as OptionImageStyled,
  G as OptionsGridStyled,
  B as OverlayStyled,
  C as PopoverStyled,
  O as PreviewFrameStyled,
  E as PreviewImageStyled,
  h as RootStyled,
  I as TriggerStyled
};
