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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import kebabCase from 'just-kebab-case';
export const H2 = ({ children }) => {  const anchor = getAnchor(children);  const link = `#${anchor}`;
  return (    <h2 id={anchor}>      <a href={link}>{children}</a>    </h2>  );};
export const H3 = ({ children }) => {  const anchor = getAnchor(children);  const link = `#${anchor}`;
  return (    <h3 id={anchor}>      <a href={link}>{children}</a>    </h3>  );};
export const H4 = ({ children }) => {  const anchor = getAnchor(children);  const link = `#${anchor}`;
  return (    <h4 id={anchor}>      <a href={link}>{children}</a>    </h4>  );};
export const H5 = ({ children }) => {  const anchor = getAnchor(children);  const link = `#${anchor}`;
  return (    <h5 id={anchor}>      <a href={link}>{children}</a>    </h5>  );};
export const A = ({ href, children, ...rest }) => {  if (href.startsWith('http')) {    return (      <a href={href} target="_blank" rel="noreferrer" {...rest}>        {children}      </a>    );  }
  const newHref = href.replace('.mdx', '');
  return (    <a href={newHref} {...rest}>      {children}    </a>  );};
const getAnchor = (value) => {  return typeof value === 'string' ? kebabCase(value.replaceAll("'", '')) : '';};