@mdxeditor/editor/dist/plugins/toolbar/components/CodeToggle.js

React component for rich text markdown editing

import React__default from "react";
import { IS_CODE } from "../../../FormatConstants.js";
import { currentFormat$, iconComponentFor$, applyFormat$, useTranslation } from "../../core/index.js";
import { MultipleChoiceToggleGroup } from "../primitives/toolbar.js";
import { useCellValues, usePublisher } from "@mdxeditor/gurx";
const CodeToggle = () => {
  const [currentFormat, iconComponentFor] = useCellValues(currentFormat$, iconComponentFor$);
  const applyFormat = usePublisher(applyFormat$);
  const t = useTranslation();
  const codeIsOn = (currentFormat & IS_CODE) !== 0;
  const title = codeIsOn ? t("toolbar.removeInlineCode", "Remove code format") : t("toolbar.inlineCode", "Inline code format");
  return /* @__PURE__ */ React__default.createElement(
    MultipleChoiceToggleGroup,
    {
      items: [{ title, contents: iconComponentFor("code"), active: codeIsOn, onChange: applyFormat.bind(null, "code") }]
    }
  );
};
export {
  CodeToggle
};