import { jsx as r } from "react/jsx-runtime";
import { c as d } from "../../index-BtlgVD4m.js";
const i = ({ orientation: t = "horizontal", fullWidth: o = !1, children: n, ...l }) => /* @__PURE__ */ r(
  "div",
  {
    className: d(
      "inline-flex",
      t === "horizontal" ? "flex-row" : "flex-col",
      o && "w-full",
      "[&>button]:relative",
      "[&>button]:focus:z-10",
      t === "horizontal" ? [
        "[&>button:not(:first-child):not(:last-child)]:rounded-none",
        "[&>button:first-child:not(:last-child)]:rounded-r-none",
        "[&>button:last-child:not(:first-child)]:rounded-l-none",
        "[&>button:not(:first-child)]:border-l-0"
      ] : [
        "[&>button:not(:first-child):not(:last-child)]:rounded-none",
        "[&>button:first-child:not(:last-child)]:rounded-b-none",
        "[&>button:last-child:not(:first-child)]:rounded-t-none",
        "[&>button:not(:first-child)]:border-t-0"
      ],
      o && "[&>button]:flex-1"
    ),
    ...l,
    children: n
  }
);
i.displayName = "ButtonGroup";
export {
  i as default
};
//# sourceMappingURL=ButtonGroup.js.map
