1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
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("'", '')) : '';};