import { jsx as t } from "react/jsx-runtime";
import { useMemo as l, useCallback as p } from "react";
import C from "../data-table-filter-display/DataTableFilterDisplay.js";
import D from "../../../button/Button.js";
import h from "../../../icon/Icon.js";
import x from "../data-table-date-filter-content/DataTableDateFilterContent.js";
const v = ({
  filterDisplayRef: a,
  columnTitle: o,
  internalOperator: r,
  internalValue: e,
  isFilterActive: n,
  operatorOptions: i,
  getOperatorOptions: s,
  valueType: m,
  onOperatorChange: u,
  onApply: d,
  onClear: f
}) => {
  const b = l(() => n ? /* @__PURE__ */ t("button", { children: /* @__PURE__ */ t(
    C,
    {
      ref: a,
      getOperatorOptions: s,
      columnTitle: o,
      selectedOperator: r,
      selectedValue: e,
      valueType: m
    }
  ) }) : /* @__PURE__ */ t(
    D,
    {
      label: o,
      variant: "outline",
      size: "sm",
      icon: /* @__PURE__ */ t(h, { name: "ChevronDown", size: 16, className: "transition-transform duration-200 [button[aria-expanded=true]_&]:rotate-180" }),
      iconPosition: "right"
    }
  ), [n, a, s, o, r, e, m]), c = p(() => {
  }, []);
  return /* @__PURE__ */ t(
    x,
    {
      columnTitle: o,
      operator: r,
      value: e,
      operatorOptions: i,
      onOperatorChange: u,
      onApply: d,
      onClear: f,
      onClose: c,
      triggerContent: b
    }
  );
};
export {
  v as default
};
//# sourceMappingURL=DataTableDateFilterInput.js.map
