import { jsxs as s, jsx as a } from "react/jsx-runtime";
import m from "react";
import { DropdownMenuItem as i } from "../../../dropdown/DropdownPrimitives.js";
import p from "../jtl-dropdown-menu-icon/JTLDropdownMenuIcon.js";
import b from "../jtl-dropdown-menu-shortcut/JTLDropdownMenuShortcut.js";
import { c } from "../../../../index-BtlgVD4m.js";
const u = m.memo(({ label: e, icon: r, shortcut: o, isDisabled: t, isDanger: d, onClick: n }) => /* @__PURE__ */ s(
  i,
  {
    onClick: n,
    disabled: t,
    className: c(
      "data-[disabled]:bg-[var(--tailwind-colors-base-transparent)]",
      d && "text-[var(--base-danger-text)] focus:bg-[var(--base-danger-background)] focus:text-[var(--base-danger-text)] hover:bg-[var(--base-danger-background)] data-[disabled]:text-[var(--base-danger-border)] data-[disabled]:opacity-[var(--opacity-opacity-50)]"
    ),
    children: [
      /* @__PURE__ */ a(p, { icon: r }),
      e,
      /* @__PURE__ */ a(b, { shortcut: o })
    ]
  }
));
u.displayName = "JTLDropdownDefaultMenuItem";
export {
  u as default
};
//# sourceMappingURL=JTLDropdownDefaultMenuItem.js.map
