import classNames from "clsx";
import { mergeDeep } from "../../helpers/mergeDeep";
import { useTheme } from "../Flowbite";
import { createMemo, mergeProps, splitProps } from "solid-js";
export const Checkbox = (p) => {
    const defaultProps = { theme: {} };
    const [local, props] = splitProps(mergeProps(defaultProps, p), ["class", "theme", "ref"]);
    const theme = createMemo(() => mergeDeep(useTheme().theme.textInput, local.theme));
    return (<input ref={local.ref} class={classNames(theme().base, local.class)} type="checkbox" {...props}/>);
};