import { defineComponent as p, computed as t, resolveComponent as c, createBlock as m, createElementBlock as u, openBlock as n, normalizeProps as v, mergeProps as r, createVNode as d } from "vue";
import { useBreakpoints as b } from "@feedmepos/ui-library";
const _ = {
  key: 1,
  class: "z-10 fixed bottom-72 right-16"
}, C = /* @__PURE__ */ p({
  __name: "ResponsiveFabButton",
  props: {
    variant: {},
    label: {},
    icon: {},
    size: {},
    disabled: { type: Boolean },
    iconColor: {},
    borderColor: {},
    textColor: {},
    bgColor: {},
    type: {},
    iconPosition: {},
    prependIcon: {},
    appendIcon: {},
    loading: { type: Boolean },
    disableIconStatus: { type: Boolean },
    overwriteIconOutline: {}
  },
  setup(a) {
    const o = a, i = t(() => o.variant === "primary" || !o.variant ? "fab" : o.variant), s = b(), l = t(() => s.breakpoints.value.xs);
    return (B, k) => {
      const e = c("FmButton");
      return l.value ? (n(), u("div", _, [
        d(e, r(o, { variant: i.value }), null, 16, ["variant"])
      ])) : (n(), m(e, v(r({ key: 0 }, o)), null, 16));
    };
  }
});
export {
  C as _
};
