import { j as o } from "../../../../../../../_virtual/jsx-runtime.js";
import u from "./enum.js";
function g(n) {
  const { brickId: r, onChange: i, schema: a } = n, l = document.getElementById(r), e = l ? getComputedStyle(l).flexDirection : "row", t = {
    ...a,
    title: e === "row" ? "Horizontal Align." : "Vertical Align.",
    description: e === "row" ? "Aligns the bricks horizontally within the container. (justify-content)" : "Aligns the bricks vertically within the container. (justify-content)",
    "ui:display": "icon-group",
    enumNames: e === "row" ? ["Left", "Center", "Right", "Between", "Around", "Evenly"] : ["Top", "Center", "Bottom", "Between", "Around", "Evenly"],
    "ui:icons": e === "row" ? [
      "fluent:align-start-horizontal-20-regular",
      "fluent:center-horizontal-20-regular",
      "fluent:align-end-horizontal-20-regular",
      "fluent:align-space-between-vertical-20-regular",
      "fluent:align-space-around-vertical-20-regular",
      "fluent:align-space-evenly-horizontal-20-regular"
    ] : [
      "fluent:align-start-vertical-20-regular",
      "fluent:center-vertical-20-regular",
      "fluent:align-end-vertical-20-regular",
      "fluent:align-space-between-horizontal-20-regular",
      "fluent:align-space-around-horizontal-20-regular",
      "fluent:align-space-evenly-vertical-20-regular"
    ]
  };
  return /* @__PURE__ */ o.jsx(
    u,
    {
      ...n,
      schema: t,
      title: t.title,
      description: t.description,
      onChange: i
    }
  );
}
export {
  g as default
};
//# sourceMappingURL=justify-content.js.map
