'use strict';
import { jsx, jsxs } from 'react/jsx-runtime';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function FilterIcon({
  className,
  color,
  ref
}) {
  return /* @__PURE__ */jsx("svg", {
    ref,
    width: "20px",
    height: "20px",
    xmlns: "http://www.w3.org/2000/svg",
    className,
    viewBox: "0 0 22 25",
    children: /* @__PURE__ */jsxs("g", {
      fill: "none",
      children: [/* @__PURE__ */jsx("path", {
        d: "M0 0h24v24H0z"
      }), /* @__PURE__ */jsx("path", {
        color: color ?? "currentColor",
        className: "fill-current",
        fillRule: "evenodd",
        clipRule: "evenodd",
        d: "M14 17a1 1 0 0 1 .117 1.993L14 19h-4a1 1 0 0 1-.117-1.993L10 17zm3-6a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2zm3-6a1 1 0 1 1 0 2H4a1 1 0 0 1 0-2z"
      })]
    })
  });
}
__name(FilterIcon, "FilterIcon");
FilterIcon.displayName = "FilterIcon";

export { FilterIcon };
