import classNames from "clsx";
import { useTheme } from "../Flowbite";
import { createMemo, mergeProps, splitProps, } from "solid-js";
export const FooterLinkGroup = p => {
    const defaultProps = { col: false };
    const [local, props] = splitProps(mergeProps(defaultProps, p), ["class", "children", "col"]);
    const theme = createMemo(() => useTheme().theme.footer);
    return (<ul data-testid="footer-groupLink" class={classNames(theme().groupLink.base, local.col && theme().groupLink.col, local.class)} {...props}>
      {local.children}
    </ul>);
};