import { defineComponent as m, ref as p, createBlock as i, openBlock as d, unref as n, withCtx as a, createElementVNode as e, toDisplayString as c, createCommentVNode as u, createVNode as l } from "vue";
import { useI18n as _ } from "@feedmepos/mf-common";
import { _ as f } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
import { _ as g } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-CF81Rn_X.js";
import { A as b } from "./item-BZS28ZS_.js";
import { a as h } from "./menu-DNLXOwiM.js";
const v = { class: "flex-1 flex justify-between gap-8 pl-8" }, x = { class: "flex items-center" }, k = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, C = { class: "fm-typo-en-body-md-600 font-semibold" }, j = /* @__PURE__ */ m({
  __name: "Group",
  setup(N) {
    const o = p(0), { t: r } = _();
    return h().resetOnMount(), (V, s) => (d(), i(g, {
      heading: n(r)("menu.group.title")
    }, {
      default: a(() => [
        l(y, {
          "onUpdate:count": s[0] || (s[0] = (t) => o.value = t)
        })
      ]),
      "append-heading": a(() => [
        e("div", v, [
          e("div", x, [
            e("div", k, [
              e("p", C, c(o.value), 1)
            ])
          ]),
          e("div", null, [
            o.value > 0 ? (d(), i(n(b), { key: 0 }, {
              default: a(({ trigger: t }) => [
                l(f, {
                  label: n(r)("menu.group.actions.add"),
                  "prepend-icon": "add",
                  type: "button",
                  onClick: t
                }, null, 8, ["label", "onClick"])
              ]),
              _: 1
            })) : u("", !0)
          ])
        ])
      ]),
      _: 1
    }, 8, ["heading"]));
  }
});
export {
  j as default
};
