import { jsxs, jsx } from "react/jsx-runtime";
import default_1 from "../../node_modules/@mui/icons-material/Close.js";
import { Button } from "../Button/index.js";
function FilterPanelHeader({ title, toggleDrawer }) {
  return /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_header", children: [
    /* @__PURE__ */ jsxs("div", { className: "impact_drawer_filter_left_header", children: [
      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "impact_drawer_filter_left_heading_icon" }),
      /* @__PURE__ */ jsx("div", { className: "impact_drawer_filter_left_heading", children: title })
    ] }),
    /* @__PURE__ */ jsx(Button, { "aria-label": "Close", variant: "text", onClick: toggleDrawer, children: /* @__PURE__ */ jsx(default_1, { fontSize: "small" }) })
  ] });
}
FilterPanelHeader.displayName = "FilterPanelHeader";
export {
  FilterPanelHeader
};
