import { mergeProps, splitProps, useContext } from "solid-js";
import classNames from "./classnames";
import { useBootstrapPrefix } from "./ThemeProvider";
import FormContext from "./FormContext";
const defaultProps = {
    isValid: false,
    isInvalid: false,
};
const FormSelect = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), [
        "bsPrefix",
        "size",
        "htmlSize",
        "className",
        "isValid",
        "isInvalid",
        "id",
    ]);
    const formContext = useContext(FormContext);
    const bsPrefix = useBootstrapPrefix(local.bsPrefix, "form-select");
    return (<select {...props} size={local.htmlSize} className={classNames(local.className, bsPrefix, local.size && `${bsPrefix}-${local.size}`, local.isValid && `is-valid`, local.isInvalid && `is-invalid`)} id={local.id || formContext.controlId}>
      {props.children}
    </select>);
};
export default FormSelect;