src/theme/MDXComponents.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

import React from 'react';
// Import the original mapper
import MDXComponents from '@theme-original/MDXComponents';
import MessageBubble from '@site/src/components/MessageBubble';
import ExternalLink from '@site/src/components/ExternalLink';
import BlockQuote from '@site/src/components/BlockQuote';
import Highlight from '@site/src/components/Highlight';
import { Icon } from '@iconify/react'; // Import the entire Iconify library.

export default {
  // Re-use the default mapping
  ...MDXComponents,
  // Map the "<MessageBubble>" tag to our MessageBubble component
  // `MessageBubble` will receive all props that were passed to `<MessageBubble>` in MDX
  MessageBubble,
  ExternalLink,
  BlockQuote,
  Highlight,
  Icon: Icon, // Make the iconify Icon component available in MDX as <icon />.
};