import { jsxs as n, jsx as e } from "react/jsx-runtime";
import { useState as l } from "react";
import i from "../ButtonGroup.js";
import a from "../../button/Button.js";
import d from "../components/button-group-separator/ButtonGroupSeparator.js";
import { DropdownMenu as u, DropdownMenuTrigger as c, DropdownMenuContent as s, DropdownMenuItem as r, DropdownMenuSeparator as p } from "../../dropdown/DropdownPrimitives.js";
const C = () => {
  const [t, o] = l(!1);
  return /* @__PURE__ */ n(i, { children: [
    /* @__PURE__ */ e(a, { icon: t ? "CheckSquare" : "Square", label: "Unread messages", variant: "outline", onClick: () => o(!t) }),
    /* @__PURE__ */ e(d, {}),
    /* @__PURE__ */ n(u, { children: [
      /* @__PURE__ */ e(c, { asChild: !0, children: /* @__PURE__ */ e(a, { "aria-label": "Open message options", icon: "ChevronDown", variant: "outline" }) }),
      /* @__PURE__ */ n(s, { align: "end", children: [
        /* @__PURE__ */ e(r, { onSelect: () => o(!0), children: "Mark all as read" }),
        /* @__PURE__ */ e(r, { onSelect: () => o(!1), children: "Mark all as unread" }),
        /* @__PURE__ */ e(p, {}),
        /* @__PURE__ */ e(r, { children: "Filter by sender" }),
        /* @__PURE__ */ e(r, { children: "Sort by date" })
      ] })
    ] })
  ] });
};
export {
  C as default
};
//# sourceMappingURL=CheckboxMenuExample.js.map
