import { mergeProps, splitProps } from "solid-js";
import classNames from "./classnames";
import { useBootstrapPrefix } from "./ThemeProvider";
const defaultProps = {
    role: "toolbar",
};
const ButtonToolbar = (p) => {
    const [local, props] = splitProps(mergeProps(defaultProps, p), ["bsPrefix", "className"]);
    const prefix = useBootstrapPrefix(local.bsPrefix, "btn-toolbar");
    return (<div {...props} className={classNames(local.className, prefix)}>
      {props.children}
    </div>);
};
export default ButtonToolbar;