import classNames from "clsx";
import { useTheme } from "../Flowbite";
import { splitProps } from "solid-js";
const ButtonGroup = (p) => {
    const [local, props] = splitProps(p, ["class", "children"]);
    const theme = useTheme();
    return (<div class={classNames(theme.theme.buttonGroup.base, local.class)} role="group" {...props}>
      {local.children}
    </div>);
};
ButtonGroup.displayName = "Button.Group";
export default ButtonGroup;