Renderer.astro

---
import { MarkdocRenderer } from "astro-markdoc-renderer";
import type { Content } from "astro-markdoc-renderer";
import YouTubeEmbed from "./YouTubeEmbed.astro";
import TweetEmbed from "./TweetEmbed.astro";
import CodePenEmbed from "./CodePenEmbed.astro";
import GitHubGistEmbed from "./GitHubGistEmbed.astro";
import CodeBlock from "./CodeBlock.astro";
import Heading from "./Heading.astro";

type Props = {
  content: Content;
};

const { content } = Astro.props;

const components = {
  Heading: {
    Component: Heading,
    props: {},
  },
  CodeBlock: {
    Component: CodeBlock,
    props: {},
  },
  YouTubeEmbed: {
    Component: YouTubeEmbed,
    props: {},
  },
  TweetEmbed: {
    Component: TweetEmbed,
    props: {},
  },
  CodePenEmbed: {
    Component: CodePenEmbed,
    props: {},
  },
  GitHubGistEmbed: {
    Component: GitHubGistEmbed,
    props: {},
  },
};
---

<MarkdocRenderer content={content} components={components} />