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