import { merge as l } from "../../utilities/merge.es.es.js";
import n from "react";
const p = {
  none: "tw-p-0",
  xxs: "tw-p-xxs",
  xs: "tw-p-xs",
  s: "tw-p-s",
  m: "tw-p-m",
  l: "tw-p-l",
  xl: "tw-p-xl",
  xxl: "tw-p-xxl"
}, i = {
  none: "tw-gap-0",
  xxs: "tw-gap-xxs",
  xs: "tw-gap-xs",
  s: "tw-gap-s",
  m: "tw-gap-m",
  l: "tw-gap-l",
  xl: "tw-gap-xl",
  xxl: "tw-gap-xxl"
}, o = {
  start: "tw-justify-start",
  end: "tw-justify-end",
  center: "tw-justify-center",
  between: "tw-justify-between",
  around: "tw-justify-around",
  evenly: "tw-justify-evenly"
}, c = {
  start: "tw-items-start",
  end: "tw-items-end",
  center: "tw-items-center",
  stretch: "tw-items-stretch"
}, m = ({
  children: t,
  padding: e,
  spacing: s,
  direction: w = "row",
  wrap: a = !1,
  justify: x = "start",
  align: r = "stretch"
}) => /* @__PURE__ */ n.createElement("div", {
  "data-test-id": "stack",
  className: l([
    "tw-flex",
    p[e],
    i[s],
    o[x],
    c[r],
    w === "row" ? "tw-flex-row" : "tw-flex-col",
    a ? "tw-flex-wrap" : "tw-flex-nowrap"
  ])
}, t);
export {
  m as Stack
};
//# sourceMappingURL=Stack.es.es.js.map
