import classNames from "clsx";
import { mergeDeep } from "../../helpers/mergeDeep";
import { useTheme } from "../Flowbite";
import { createMemo, mergeProps, splitProps, } from "solid-js";
import { Dynamic } from "solid-js/web";
export const NavbarBrand = p => {
    const defaultProps = { theme: {}, as: "a" };
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "class",
        "children",
        "theme",
        "as",
    ]);
    const theme = createMemo(() => mergeDeep(useTheme().theme.navbar.brand, local.theme));
    return (<Dynamic component={local.as} class={classNames(theme().base, local.class)} {...props}>
      {local.children}
    </Dynamic>);
};