import classNames from "clsx";
import { useTheme } from "../Flowbite";
import { createMemo, mergeProps, splitProps, } from "solid-js";
export const Label = p => {
    const defaultProps = { color: "default", disabled: false };
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "class",
        "value",
        "disabled",
        "color",
        "children",
    ]);
    const theme = createMemo(() => useTheme().theme.label);
    return (<label class={classNames(theme().base, theme().colors[local.color], local.disabled ?? theme().disabled, local.class)} {...props}>
      {local.value ?? local.children ?? ""}
    </label>);
};