text: import { h } from '@stencil/core';
  export const FILTER_BUTTON_CLASS = 'rv-filter';
  export const FILTER_BUTTON_ACTIVE = 'active';
  export const FILTER_PROP = 'hasFilter';
  export const FilterButton = ({ column }) => {
    return (h("span", null,
      h("button", { class: {
          [FILTER_BUTTON_CLASS]: true,
          [FILTER_BUTTON_ACTIVE]: column && !!column[FILTER_PROP],
        } },
        h("svg", { class: "filter-img", viewBox: "0 0 64 64" },
          h("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" },
            h("path", { d: "M43,48 L43,56 L21,56 L21,48 L43,48 Z M53,28 L53,36 L12,36 L12,28 L53,28 Z M64,8 L64,16 L0,16 L0,8 L64,8 Z", fill: "currentColor" }))))));
  };
  export function isFilterBtn(e) {
    if (e.classList.contains(FILTER_BUTTON_CLASS)) {
      return true;
    }
    return e === null || e === void 0 ? void 0 : e.closest(`.${FILTER_BUTTON_CLASS}`);
  }
  