import { j as a } from "../../../../../../../_virtual/jsx-runtime.js";
import u from "./enum.js";
import { useParentBrick as c } from "../../../../../../../use-page-data.js";
function f(n) {
  const { brickId: i, onChange: r, schema: o } = n, l = document.getElementById(i);
  if (c(i), !l)
    return null;
  const t = getComputedStyle(l).flexDirection, e = {
    ...o,
    title: t === "column" ? "Horizontal Alignment" : "Vertical Alignment",
    "ui:display": "icon-group",
    description: t === "column" ? "Aligns the child bricks horizontally. (align-items)" : "Aligns the child bricks vertically. (align-items)",
    enumNames: t === "column" ? ["Left", "Center", "Right", "Stretch"] : ["Top", "Center", "Bottom", "Stretch"],
    "ui:icons": t === "column" ? [
      "fluent:align-start-horizontal-20-regular",
      "fluent:center-horizontal-20-regular",
      "fluent:align-end-horizontal-20-regular",
      "fluent:auto-fit-width-20-regular"
    ] : [
      "fluent:align-start-vertical-20-regular",
      "fluent:center-vertical-20-regular",
      "fluent:align-end-vertical-20-regular",
      "fluent:auto-fit-height-20-regular"
    ]
  };
  return /* @__PURE__ */ a.jsx(
    u,
    {
      ...n,
      schema: e,
      title: e.title,
      description: e.description,
      onChange: r
    }
  );
}
export {
  f as default
};
//# sourceMappingURL=align-items.js.map
