"use client";
import { j as e } from "./index.esm38.js";
import i from "./index.esm40.js";
import a from "./index.esm66.js";
import { Typography as n } from "./index.esm9.js";
const c = ({
  label: s,
  icon: r,
  onClick: o,
  disabled: l = !1,
  className: m,
  iconSize: t = "50px"
}) => /* @__PURE__ */ e.jsxs(
  "button",
  {
    "data-atme-ui": !0,
    className: i(a.labelMenuItem, m),
    onClick: o,
    disabled: l,
    children: [
      /* @__PURE__ */ e.jsx("div", { className: a.icon, children: /* @__PURE__ */ e.jsx(r, { decorative: !0, width: t, height: t }) }),
      /* @__PURE__ */ e.jsx(
        n,
        {
          as: "span",
          variant: "body",
          color: "secondary",
          className: a.label,
          children: s
        }
      )
    ]
  }
);
c.displayName = "LabelMenuItem";
export {
  c as LabelMenuItem
};
//# sourceMappingURL=index.esm20.js.map
