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