adwaita-web/dist/components/TableDropdownFilter.js

A GTK inspired toolkit designed to build awesome web apps

import React from "react";
import { WindowClose } from "../icons";
import { Box } from "./Box";
import { Button } from "./Button";
import { Dropdown } from "./Dropdown";
function TableDropdownFilter({
  column: { filterValue, setFilter, id, options }
}) {
  return /* @__PURE__ */ React.createElement(Box, {
    horizontal: true,
    compact: true,
    className: "DropdownFilter"
  }, /* @__PURE__ */ React.createElement(Dropdown, {
    allowClear: true,
    className: "Box__fill",
    size: "small",
    id,
    value: filterValue,
    onChange: setFilter,
    options
  }), /* @__PURE__ */ React.createElement(Button, {
    flat: true,
    size: "small",
    icon: WindowClose,
    onClick: () => setFilter && setFilter(void 0)
  }));
}
export {
  TableDropdownFilter
};