import { jsxs as b, jsx as l } from "react/jsx-runtime";
import { noop as a } from "es-toolkit/compat";
import o from "../../button/Button.js";
const g = (s) => {
  const {
    column: n = "",
    index: t = 0,
    columnDetails: m,
    columnOrder: u = [],
    openColumnsDetails: p = {},
    disabled: i,
    onMoveColumn: r = a,
    onOpenDetails: c = a
  } = s;
  return /* @__PURE__ */ b("div", { className: "table-settings-item-item-buttons", children: [
    !i && /* @__PURE__ */ l(
      o,
      {
        disabled: t === 0,
        bsStyle: o.MUTED,
        bsSize: o.SM,
        iconOnly: !0,
        iconName: "rioglyph-arrow-up",
        "aria-label": "move column up",
        onClick: (e) => {
          e.preventDefault(), e.stopPropagation(), r(n, t - 1, !0);
        }
      }
    ),
    !i && /* @__PURE__ */ l(
      o,
      {
        disabled: t === u.length - 1,
        bsStyle: o.MUTED,
        bsSize: o.SM,
        iconOnly: !0,
        iconName: "rioglyph-arrow-down",
        "aria-label": "move column down",
        onClick: (e) => {
          e.preventDefault(), e.stopPropagation(), r(n, t + 1, !0);
        }
      }
    ),
    m && /* @__PURE__ */ l(
      o,
      {
        bsStyle: o.MUTED,
        bsSize: o.SM,
        iconOnly: !0,
        iconName: p[n] ? "rioglyph-remove" : "rioglyph-width",
        onClick: () => c(n)
      }
    )
  ] });
};
export {
  g as TableSettingsColumnButtons
};
//# sourceMappingURL=TableSettingsColumnButtons.js.map
