@coko/client/dist/ui/common/ButtonGroup.js

Client side common code for coko apps

import { grid as e } from "../../toolkit/themeHelper.js";
import "../../toolkit/index.js";
import "react";
import t, { css as n } from "styled-components";
import { jsx as r } from "react/jsx-runtime";
//#region src/ui/common/ButtonGroup.tsx
var i = t.div`
  display: ${(e) => e.$inline ? "inline-block" : "flex"};

  ${(e) => {
	let { $inline: t, $justify: r } = e, i;
	return t ? null : (r === "left" && (i = "flex-start"), r === "right" && (i = "flex-end"), r === "center" && (i = "center"), i ? n`
        justify-content: ${i};
      ` : null);
}}

  > button {
    margin-right: ${e(1)};
  }

  > button:first-child {
    margin-left: 0;
  }

  > button:last-child {
    margin-right: 0;
  }
`, a = (e) => {
	let { className: t, children: n, inline: a = !1, justify: o = "left" } = e;
	return /* @__PURE__ */ r(i, {
		$inline: a,
		$justify: o,
		className: t,
		children: n
	});
};
//#endregion
export { a as default };