website/mdx-components.tsx at dev · zolplay-cn/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/* eslint-disable react-hooks-extra/no-unnecessary-use-prefix */
import type { MDXComponents } from 'mdx/types'
import NextImage from 'next/image'
import {
  BackgroundVideo,
  Capabilities,
  CTAButton,
  DefaultFAQ,
  FAQ,
  FAQItem,
  FramedImage,
  Gradient,
  Green,
  Grid,
  GridItem,
  PartnerLogoWall,
  Red,
  WeChatQRButton,
  WithFrame,
} from './components/mdx'
import CalendarBooker from './modules/contact/calendar-booker'
import { Link } from './modules/i18n/navigation'

export function useMDXComponents(components: MDXComponents): MDXComponents {
  return {
    ...components,
    // Explicitly list MDX components to avoid spreading a proxied module namespace
    BackgroundVideo,
    Capabilities,
    CTAButton,
    Gradient,
    WithFrame,
    WeChatQRButton,
    Red,
    Green,
    PartnerLogoWall,
    FAQ,
    FAQItem,
    DefaultFAQ,
    Link,
    Image: FramedImage,
    NakedImage: NextImage,
    CalendarBooker,
    Grid,
    GridItem,
  }
}