import { jsx as l } from "react/jsx-runtime";
import { createElement as s } from "react";
import { motion as c } from "motion/react";
const x = (a) => {
  const {
    active: i = !1,
    title: d,
    // exclude from remainingProps to avoid being set to the div element
    tabKey: n,
    disableTransition: e = !1,
    className: f = "",
    onAnimationStart: o = () => {
    },
    onAnimationEnd: r = () => {
    },
    children: t,
    ...m
  } = a;
  return e ? /* @__PURE__ */ l("div", { children: i && t }) : i ? /* @__PURE__ */ s(
    c.div,
    {
      ...m,
      key: n,
      initial: { x: 0, y: 0, opacity: 0 },
      animate: { x: 0, y: 0, opacity: 1 },
      exit: { x: 0, y: 0, opacity: 0 },
      transition: { duration: 0.1 },
      onAnimationStart: o,
      onAnimationEnd: r
    },
    t
  ) : null;
};
export {
  x as default
};
//# sourceMappingURL=DataTab.js.map
