import { c as _c } from "react/compiler-runtime";
import * as stylex from "@stylexjs/stylex";
import { memo } from "react";
import { size } from "./tokens.stylex";
const styles = stylex.create({
  group: {
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    gap: size.px2
  },
  centered: {
    justifyContent: "center"
  }
});
export default memo(function ButtonGroup(t0) {
  const $ = _c(5);
  const {
    centered,
    children
  } = t0;
  let t1;
  if ($[0] !== centered) {
    t1 = stylex.props(styles.group, centered && styles.centered);
    $[0] = centered;
    $[1] = t1;
  } else {
    t1 = $[1];
  }
  let t2;
  if ($[2] !== children || $[3] !== t1) {
    t2 = <div {...t1}>{children}</div>;
    $[2] = children;
    $[3] = t1;
    $[4] = t2;
  } else {
    t2 = $[4];
  }
  return t2;
});
//# sourceMappingURL=ButtonGroup.jsx.map