@frontify/fondue
Version:
Design system of Frontify
37 lines (36 loc) • 1.24 kB
JavaScript
import { jsx as i } from "react/jsx-runtime";
import { AnimatePresence as n } from "../../node_modules/.pnpm/framer-motion@12.38.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/index.es.js";
import { motion as p } from "../../node_modules/.pnpm/framer-motion@12.38.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.es.js";
const s = ({
children: e,
isOpen: o = !1,
preventInitialAnimation: a = !1,
animateOpacity: t = !0,
"data-test-id": l = "collapsible-wrap"
}) => /* @__PURE__ */ i(n, { initial: a ? !1 : void 0, children: o && e ? /* @__PURE__ */ i(
p.div,
{
initial: "collapsed",
animate: "open",
exit: "collapsed",
variants: {
open: {
height: "auto",
overflow: "hidden",
opacity: 1,
transitionEnd: {
overflow: "visible"
}
},
collapsed: { height: 0, overflow: "hidden", opacity: t ? 0 : 1 }
},
transition: { type: "tween" },
"data-test-id": l,
children: e
}
) : null });
s.displayName = "FondueCollapsibleWrap";
export {
s as CollapsibleWrap
};
//# sourceMappingURL=CollapsibleWrap.es.js.map