import { jsx as u } from "@emotion/react/jsx-runtime";
import { useModuleDictionary as y, getPropertyByString as I } from "@m4l/core";
import { useTheme as b } from "@mui/material";
import { forwardRef as h } from "react";
import { ActionIntroRootStyled as x } from "./slots/ActionsIntroSlots.js";
const S = h((t, s) => {
  const {
    color: o = "primary",
    className: g,
    endIcon: i,
    skeletonWidth: l = t.size === "small" ? "80px" : "100px",
    startIcon: m,
    disabled: e = !1,
    size: r,
    variant: a = "contained",
    ...c
  } = t, { getLabel: p } = y(), n = b(), d = I(
    n.vars.palette,
    e ? "default" : o || "default",
    n.vars.palette.default
  ), f = {
    size: r,
    variant: a,
    paletteColor: d
  };
  return /* @__PURE__ */ u(
    x,
    {
      variant: a,
      type: "submit",
      color: o,
      disabled: e,
      endIcon: i,
      label: p("common_actions.intro"),
      ownerState: { ...f },
      skeletonWidth: l,
      startIcon: m,
      size: r,
      ref: s,
      ...c
    }
  );
});
S.displayName = "ActionIntro";
export {
  S as ActionIntro
};
