@tohuhono/puck-rich-text/dist/rich-text-editor/lexical/ui/button/index.js

A puck component for rich text editing made for OberonCMS

import { jsx } from "react/jsx-runtime";
import { getClassNameFactory } from "../../../../compat/get-class-name-factory.js";
import styles from "./styles.module.css.js";
const getClassName = getClassNameFactory("ToolbarButton", styles);
const Button = ({
  active,
  onClick,
  ...props
}) => {
  return /* @__PURE__ */ jsx(
    "button",
    {
      className: getClassName(),
      onClick: (e) => {
        e.stopPropagation();
        onClick == null ? void 0 : onClick(e);
      },
      style: {
        ...active && { background: "var(--puck-color-grey-02)" }
      },
      ...props
    }
  );
};
export {
  Button
};