import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { useState as i } from "react";
import l from "../ButtonGroup.js";
import a from "../../button/Button.js";
import d from "../components/button-group-separator/ButtonGroupSeparator.js";
import { DropdownMenu as c, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuItem as o, DropdownMenuSeparator as s } from "../../dropdown/DropdownPrimitives.js";
const w = () => {
  const [t, n] = i("Save");
  return /* @__PURE__ */ r(l, { children: [
    /* @__PURE__ */ e(a, { label: t, variant: "outline", onClick: () => alert(`${t} clicked!`) }),
    /* @__PURE__ */ e(d, {}),
    /* @__PURE__ */ r(c, { children: [
      /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(a, { "aria-label": "Open save options", icon: "ChevronDown", variant: "outline" }) }),
      /* @__PURE__ */ r(u, { align: "end", children: [
        /* @__PURE__ */ e(o, { onSelect: () => n("Save"), children: "Save" }),
        /* @__PURE__ */ e(o, { onSelect: () => n("Save and continue"), children: "Save and continue" }),
        /* @__PURE__ */ e(o, { onSelect: () => n("Save as draft"), children: "Save as draft" }),
        /* @__PURE__ */ e(s, {}),
        /* @__PURE__ */ e(o, { onSelect: () => n("Discard"), children: "Discard changes" })
      ] })
    ] })
  ] });
};
export {
  w as default
};
//# sourceMappingURL=DropdownMenuExample.js.map
