import "react";
import { clsx as p } from "./index-clsx.m.js";
import { getPickersFadeTransitionGroupUtilityClass as c } from "./index-pickersFadeTransitionGroupClasses.js";
import { jsx as s } from "react/jsx-runtime";
import l from "./index-useThemeProps.js";
import u from "./index-Fade.js";
import d from "./index-composeClasses.js";
import f from "./index-styled.js";
import T from "./index-TransitionGroup.js";
const k = (r) => {
  const {
    classes: o
  } = r;
  return d({
    root: ["root"]
  }, c, o);
}, e = 500, F = f(T, {
  name: "MuiPickersFadeTransitionGroup",
  slot: "Root",
  overridesResolver: (r, o) => o.root
})({
  display: "block",
  position: "relative"
});
function M(r) {
  const o = l({
    props: r,
    name: "MuiPickersFadeTransitionGroup"
  }), {
    children: t,
    className: i,
    reduceAnimations: n,
    transKey: a
  } = o, m = k(o);
  return n ? t : /* @__PURE__ */ s(F, {
    className: p(m.root, i),
    children: /* @__PURE__ */ s(u, {
      appear: !1,
      mountOnEnter: !0,
      unmountOnExit: !0,
      timeout: {
        appear: e,
        enter: e / 2,
        exit: 0
      },
      children: t
    }, a)
  });
}
export {
  M as PickersFadeTransitionGroup
};
