import { jsx as y } from "@emotion/react/jsx-runtime";
import { useModuleDictionary as h, getPropertyByString as x } from "@m4l/core";
import { useTheme as C } from "@mui/material";
import { forwardRef as S } from "react";
import { ActionCancelRootStyled as b } from "./slots/ActionsCancelSlots.js";
const g = S((t, l) => {
  const {
    color: n,
    className: v,
    endIcon: s,
    startIcon: c,
    skeletonWidth: i = t.size === "small" ? "60px" : "80px",
    dataTestid: d,
    disabled: e = !1,
    size: o,
    variant: a = "outlined",
    ...m
  } = t, { getLabel: f } = h(), r = C(), p = x(
    r.vars.palette,
    e ? "default" : n || "default",
    r.vars.palette.default
  ), u = {
    size: o,
    variant: a,
    paletteColor: p
  };
  return /* @__PURE__ */ y(
    b,
    {
      variant: a,
      color: "default",
      "data-testid": d,
      disabled: e,
      endIcon: s,
      label: f("common_actions.cancel"),
      ownerState: { ...u },
      skeletonWidth: i,
      startIcon: c,
      size: o,
      ref: l,
      ...m
    }
  );
});
g.displayName = "ActionCancel";
export {
  g as ActionCancel
};
