import classNames from "clsx";
import { mergeDeep } from "../../helpers/mergeDeep";
import { useTheme } from "../Flowbite/ThemeContext";
import { useAccordionPanelContext } from "./AccordionPanelContext";
import { createEffect, createMemo, mergeProps, splitProps, } from "solid-js";
export const AccordionContent = (p) => {
    const [local, props] = splitProps(mergeProps({ theme: {} }, p), ["children", "class", "theme"]);
    const itemContext = useAccordionPanelContext();
    const defaultTheme = useTheme();
    const theme = createMemo(() => mergeDeep(defaultTheme.theme.accordion.content, local.theme));
    createEffect(() => {
        console.log("content open:", itemContext);
    });
    return (<div class={classNames(theme().base, local.class)} data-testid="flowbite-accordion-content" hidden={!itemContext.isOpen} {...props}>
      {local.children}
    </div>);
};