import { mergeProps, splitProps, useContext } from "solid-js";
import classNames from "./classnames";
import { useBootstrapPrefix } from "./ThemeProvider";
import FormContext from "./FormContext";
const defaultProps = {
    as: "img",
};
const FormRange = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), ["bsPrefix", "className", "id"]);
    const formContext = useContext(FormContext);
    const bsPrefix = useBootstrapPrefix(local.bsPrefix, "form-range");
    return (<input {...props} type="range" className={classNames(local.className, bsPrefix)} id={local.id || formContext.controlId}>
      {props.children}
    </input>);
};
export default FormRange;