import classNames from "clsx";
import { useTheme } from "../Flowbite";
import { FooterBrand } from "./FooterBrand";
import { FooterCopyright } from "./FooterCopyright";
import { FooterDivider } from "./FooterDivider";
import { FooterIcon } from "./FooterIcon";
import { FooterLink } from "./FooterLink";
import { FooterLinkGroup } from "./FooterLinkGroup";
import { FooterTitle } from "./FooterTitle";
import { mergeProps } from "solid-js";
export const FooterComponent = (p) => {
    const defaultProps = { bgDark: false, container: false };
    const local = mergeProps(defaultProps, p);
    const theme = useTheme().theme.footer;
    return (<footer data-testid="flowbite-footer" class={classNames(theme.base, local.bgDark && theme.bgDark, local.container && theme.container, local.class)}>
      {local.children}
    </footer>);
};
export const Footer = Object.assign(FooterComponent, {
    Copyright: FooterCopyright,
    Link: FooterLink,
    LinkGroup: FooterLinkGroup,
    Brand: FooterBrand,
    Icon: FooterIcon,
    Title: FooterTitle,
    Divider: FooterDivider,
});