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