// packages/block-library/src/comments-pagination/comments-pagination-arrow-controls.js
import { __, _x } from "@wordpress/i18n";
import {
  __experimentalToggleGroupControl as ToggleGroupControl,
  __experimentalToggleGroupControlOption as ToggleGroupControlOption
} from "@wordpress/components";
import { jsx, jsxs } from "react/jsx-runtime";
function CommentsPaginationArrowControls({ value, onChange }) {
  return /* @__PURE__ */ jsxs(
    ToggleGroupControl,
    {
      __next40pxDefaultSize: true,
      __nextHasNoMarginBottom: true,
      label: __("Arrow"),
      value,
      onChange,
      help: __(
        "A decorative arrow appended to the next and previous comments link."
      ),
      isBlock: true,
      children: [
        /* @__PURE__ */ jsx(
          ToggleGroupControlOption,
          {
            value: "none",
            label: _x(
              "None",
              "Arrow option for Comments Pagination Next/Previous blocks"
            )
          }
        ),
        /* @__PURE__ */ jsx(
          ToggleGroupControlOption,
          {
            value: "arrow",
            label: _x(
              "Arrow",
              "Arrow option for Comments Pagination Next/Previous blocks"
            )
          }
        ),
        /* @__PURE__ */ jsx(
          ToggleGroupControlOption,
          {
            value: "chevron",
            label: _x(
              "Chevron",
              "Arrow option for Comments Pagination Next/Previous blocks"
            )
          }
        )
      ]
    }
  );
}
export {
  CommentsPaginationArrowControls
};
//# sourceMappingURL=comments-pagination-arrow-controls.js.map
