import { mergeProps, splitProps, useContext } from "solid-js";
import classNames from "./classnames";
import FormContext from "./FormContext";
import { useBootstrapPrefix } from "./ThemeProvider";
import FormCheckContext from "./FormCheckContext";
const defaultProps = {};
const FormCheckLabel = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "bsPrefix",
        "className",
        "htmlFor",
    ]);
    const bsPrefix = useBootstrapPrefix(local.bsPrefix, "form-check-label");
    const formContext = useContext(FormContext);
    const formCheckContext = useContext(FormCheckContext);
    formCheckContext?.setHasFormCheckLabel?.(true);
    return (<label // eslint-disable-line jsx-a11y/label-has-associated-control
     {...props} htmlFor={local.htmlFor || formContext.controlId} className={classNames(local.className, bsPrefix)}>
      {props.children}
    </label>);
};
export default FormCheckLabel;