import { Select as m } from "@mui/material";
import { styled as e } from "@mui/material/styles";
import { SELECT_KEY_COMPONENT as o } from "../constants.js";
import { selectStyles as t } from "../Select.styles.js";
import { SelectSlots as n } from "./SelectEnum.js";
import { Icon as a, Typography as l } from "@m4l/base";
import { IconButton as s } from "../../IconButton/IconButton.js";
import { Skeleton as p } from "../../Skeleton/Skeleton.js";
import { MenuItem as r } from "../../MenuItem/MenuItem.js";
const O = () => e(m, {
  name: o,
  slot: n.root
})(t?.root), w = e(a, {
  name: o,
  slot: n.adorment
})(t?.adorment), T = e(r, {
  name: o,
  slot: n.menuItem
})(t?.menuItem), V = e(r, {
  name: o,
  slot: n.menuItemNoOptions
})(t?.menuItemNoOptions), b = e(p, {
  name: o,
  slot: n.skeletonSelect
})(t?.skeletonSelect), C = e("div", {
  name: o,
  slot: n.renderValueContainer
})(t?.renderValueContainer), N = e(s, {
  name: o,
  slot: n.arrowDown
})(t?.arrowDown), g = e(l, {
  name: o,
  slot: n.renderValueTypography
})(t?.renderValueTypography);
e(l, {
  name: o,
  slot: n.labelOption
})(t?.labelOption);
const k = e(l, {
  name: o,
  slot: n.labelPlaceholer
})(t?.labelPlaceholer);
export {
  w as AdormentStyled,
  N as ArrowDownStyled,
  k as LabelPlaceholerStyled,
  T as MenuItemListStyled,
  V as MenuItemNoOptionStyled,
  C as RenderValueContainerStyled,
  g as RenderValueTypography,
  O as SelectRootStyled,
  b as SkeletonSelectStyled
};
