import { jsx as p } from "@emotion/react/jsx-runtime";
import { forwardRef as c } from "react";
import { getPropDataTestId as d } from "../../../../test/getNameDataTestId.js";
import { STACK_KEY_COMPONENT as s } from "./constant.js";
import { MUISTackRootStyled as S } from "./slots/StackSlot.js";
import { StackSlots as n } from "./slots/StackEnum.js";
const h = c((r, e) => {
  const {
    children: m,
    flexDirection: a,
    dataTestId: i,
    width: t,
    height: o,
    ...f
  } = r;
  return /* @__PURE__ */ p(
    S,
    {
      ref: e,
      ownerState: { ...t && { width: t }, ...o && { height: o } },
      flexDirection: a,
      ...d(s, n.root, i),
      ...f,
      children: m
    }
  );
});
h.displayName = "Stack";
export {
  h as Stack
};
