import classNames from "clsx";
import { useTheme } from "../Flowbite";
import { HelperText } from "../HelperText";
import { createMemo, mergeProps, splitProps } from "solid-js";
export const Textarea = p => {
    const defaultProps = { color: "gray", disabled: false };
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "class",
        "shadow",
        "helperText",
        "color",
        "ref",
    ]);
    const theme = createMemo(() => useTheme().theme.textarea);
    return (<>
      <textarea ref={local.ref} class={classNames(theme().base, theme().colors[local.color], theme().withShadow[local.shadow ? "on" : "off"], local.class)} {...props}/>
      {local.helperText && <HelperText color={local.color}>{local.helperText}</HelperText>}
    </>);
};