t-fighting-design/es/button-group/src/index2.js

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

import { defineComponent as r, computed as u, openBlock as p, createElementBlock as c, normalizeClass as l, unref as a, renderSlot as f } from "vue";
import { Props as i } from "./index3.js";
const _ = r({
  name: "FButtonGroup"
}), g = /* @__PURE__ */ r({
  ..._,
  props: i,
  setup(e) {
    const n = e, s = u(() => {
      const { vertical: o, size: t } = n;
      return [
        "f-button-group",
        `f-button-group__${o ? "vertical" : "horizontal"}`,
        {
          [`f-button-group__${t}`]: t
        }
      ];
    });
    return (o, t) => (p(), c("div", {
      role: "group",
      class: l(a(s))
    }, [
      f(o.$slots, "default")
    ], 2));
  }
});
export {
  g as default
};