import { ad as n, I as s, ae as o, af as l, a4 as t, fz as d, H as i, am as r, ag as m } from "./56c67d3b.js";
import { useContext as a } from "react";
import "react-dom";
function u(c) {
  return (h) => {
    const {
      comp: p
    } = h, e = p.children;
    return /* @__PURE__ */ n(s, {
      children: [/* @__PURE__ */ n(o, {
        name: l.basic,
        children: [e.noOfRows.propertyView({
          label: t("listView.dataDesc"),
          tooltip: t("listView.dataTooltip")
        }), c === "grid" && e.noOfColumns.propertyView({
          label: t("listView.noOfColumns")
        }), e.itemIndexName.propertyView({
          label: t("listView.itemIndexName"),
          tooltip: d("listView.itemIndexNameDesc", {
            default: /* @__PURE__ */ i("b", {
              children: /* @__PURE__ */ i("i", {
                children: "i"
              })
            })
          })
        }), e.itemDataName.propertyView({
          label: t("listView.itemDataName"),
          tooltip: d("listView.itemDataNameDesc", {
            default: /* @__PURE__ */ i("b", {
              children: /* @__PURE__ */ i("i", {
                children: "currentItem"
              })
            })
          })
        })]
      }), (a(r).editorModeStatus === "logic" || a(r).editorModeStatus === "both") && /* @__PURE__ */ i(o, {
        name: t("prop.pagination"),
        children: p.children.pagination.getPropertyView()
      }), (a(r).editorModeStatus === "logic" || a(r).editorModeStatus === "both") && /* @__PURE__ */ i(o, {
        name: l.interaction,
        children: m(e)
      }), (a(r).editorModeStatus === "layout" || a(r).editorModeStatus === "both") && /* @__PURE__ */ n(s, {
        children: [/* @__PURE__ */ n(o, {
          name: l.layout,
          children: [e.horizontalGridCells.propertyView({
            label: t("prop.horizontalGridCells")
          }), e.autoHeight.getPropertyView(), !e.autoHeight.getView() && !e.horizontal.getView() && e.showVerticalScrollbar.propertyView({
            label: t("prop.showVerticalScrollbar")
          }), e.horizontal.getView() && e.showHorizontalScrollbar.propertyView({
            label: t("prop.showHorizontalScrollbar")
          }), e.horizontal.propertyView({
            label: t("prop.horizontal")
          }), e.horizontal.getView() && e.minHorizontalWidth.propertyView({
            label: t("prop.minHorizontalWidth"),
            placeholder: "100px"
          })]
        }), /* @__PURE__ */ i(o, {
          name: l.style,
          children: e.style.getPropertyView()
        }), /* @__PURE__ */ i(o, {
          name: l.animationStyle,
          hasTooltip: !0,
          children: e.animationStyle.getPropertyView()
        })]
      })]
    });
  };
}
export {
  u as listPropertyView
};
