import { jsxs, jsx } from "react/jsx-runtime";
function NotificationHeader({
  title,
  expand,
  setExpand,
  toggleDrawer,
  anchor
}) {
  return /* @__PURE__ */ jsxs("div", { className: "impact-notification-header", children: [
    /* @__PURE__ */ jsx("div", { className: "impact-notification-heading", children: title }),
    /* @__PURE__ */ jsxs("div", { className: "impact-notification-header-action-btns", children: [
      /* @__PURE__ */ jsx(
        "button",
        {
          "aria-label": expand ? "Collapse" : "Expand",
          className: `impact-notification-header-expand-btn ${expand ? "collapse-icon" : "expand-icon"}`,
          type: "button",
          onClick: () => {
            setExpand(!expand);
          }
        }
      ),
      /* @__PURE__ */ jsx("span", { className: "impact-notification-separator" }),
      /* @__PURE__ */ jsx(
        "button",
        {
          "aria-label": "Close",
          className: "impact-notification-header-close-btn",
          type: "button",
          onClick: toggleDrawer(anchor, false)
        }
      )
    ] })
  ] });
}
NotificationHeader.displayName = "NotificationHeader";
export {
  NotificationHeader
};
