import { jsx, jsxs } from "react/jsx-runtime";
import { registerRenderer } from "@wabbit/tome-blocks-core/render";
import { resolveRichText } from "@wabbit/tome-blocks-core/adapters";
import { formatDisplayDate } from "@wabbit/tome-blocks-core/utilities/formatDisplayDate";
import styles from "./Changelog.module.css";
const Changelog = ({ block, className }) => {
  const entries = block.entries ?? [];
  return /* @__PURE__ */ jsx(
    "section",
    {
      className: [styles.changelog, className].filter(Boolean).join(" "),
      children: /* @__PURE__ */ jsxs("div", { className: styles.inner, children: [
        block.tagline && /* @__PURE__ */ jsx("p", { className: styles.tagline, children: block.tagline }),
        !!block.richText && /* @__PURE__ */ jsx("div", { className: styles.intro, children: resolveRichText(block.richText) }),
        /* @__PURE__ */ jsx("div", { className: styles.entries, children: entries.map((entry, i) => /* @__PURE__ */ jsxs("div", { className: styles.entryRow, children: [