import { styled as o } from "@mui/material";
import { SketchPicker as i } from "react-color";
import { COLOR_PICKER_KEY_COMPONENT as t } from "../constants.js";
import { colorPickerStyles as e } from "../ColorPicker.styles.js";
import { ColorPickerSlots as r } from "./ColorPickerEnum.js";
import { IconButton as c } from "../../extended/mui/IconButton/IconButton.js";
import { Popover as l } from "../../extended/mui/Popover/Popover.js";
const S = o("div", {
  name: t,
  slot: r.root
})(e?.root), u = o(c, {
  name: t,
  slot: r.iconButton
})(e?.iconButton), y = o("button", {
  name: t,
  slot: r.textFieldTrigger
})(e?.textFieldTrigger), f = o(l, {
  name: t,
  slot: r.popover
})(e?.popover), C = o(i, {
  name: t,
  slot: r.sketchPicker
})(e?.sketchPicker), a = o("div", {
  name: t,
  slot: r.quickColors
})(e?.quickColors);
export {
  u as IconButtonStyled,
  f as PopoverStyled,
  a as QuickColorsStyled,
  S as RootStyled,
  C as SketchPickerStyled,
  y as TextFieldTriggerStyled
};
