// ported from https://github.com/react-bootstrap/react-bootstrap/blob/f11723114d532cfce840417834a73733a8436414/src/AccordionBody.tsx
import classNames from "./classnames";
import { mergeProps, splitProps, useContext } from "solid-js";
import { Dynamic } from "solid-js/web";
import { useBootstrapPrefix } from "./ThemeProvider";
import AccordionCollapse from "./AccordionCollapse";
import AccordionItemContext from "./AccordionItemContext";
const defaultProps = {
    as: "div",
};
const AccordionBody = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), ["as", "bsPrefix", "className"]);
    const bsPrefix = useBootstrapPrefix(local.bsPrefix, "accordion-body");
    const context = useContext(AccordionItemContext);
    return (<AccordionCollapse eventKey={context.eventKey}>
      <Dynamic component={local.as} {...props} className={classNames(local.className, bsPrefix)}>
        {props.children}
      </Dynamic>
    </AccordionCollapse>);
};
export default AccordionBody;