nandi.uk
This repository has no description
1import { Title, Text, List, ListItem, Anchor } from '@mantine/core';
2import type { MDXComponents } from 'mdx/types';
3
4const components: MDXComponents = {
5 h1: ({ children }) => <Title order={1}>{children}</Title>,
6 h2: ({ children }) => <Title order={2}>{children}</Title>,
7 h3: ({ children }) => <Title order={3}>{children}</Title>,
8 h4: ({ children }) => <Title order={4}>{children}</Title>,
9 p: ({ children }) => <Text fw={500}>{children}</Text>,
10 a: ({ children, href }) => (
11 <Anchor href={href} c="blue" fw={600}>
12 {children}
13 </Anchor>
14 ),
15 ul: ({ children }) => <List type="unordered">{children}</List>,
16 ol: ({ children }) => <List type="ordered">{children}</List>,
17 li: ({ children }) => <ListItem fw={500}>{children}</ListItem>,
18};
19
20export function useMDXComponents(): MDXComponents {
21 return components;
22}