import classNames from "clsx";
import { useTheme } from "../Flowbite";
import { ListGroupItem } from "./ListGroupItem";
import { createMemo, splitProps } from "solid-js";
const ListGroupComponent = (p) => {
    const [local, props] = splitProps(p, ["class", "children"]);
    const theme = createMemo(() => useTheme().theme.listGroup.base);
    return (<ul class={classNames(theme(), local.class)} {...props}>
      {local.children}
    </ul>);
};
export const ListGroup = Object.assign(ListGroupComponent, {
    Item: ListGroupItem,
});