@kadoui/react
Version:
Kadoui primitive components for React
12 lines (11 loc) • 560 B
JavaScript
"use client";
import { jsx as _jsx } from "react/jsx-runtime";
import { use } from "react";
import { AnimatePresence, motion } from "framer-motion";
import { AccordionContext } from "./AccordionContext";
export function AccordionBody({ children, ...props }) {
const { isOpen } = use(AccordionContext);
return (_jsx(AnimatePresence, { children: isOpen ?
_jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, ...props, children: children })
: null }));
}