36 lines
843 B
TypeScript
36 lines
843 B
TypeScript
|
import Head from 'next/head';
|
||
|
|
import Nav from './Nav';
|
||
|
|
import MetaInfo from './MetaInfo';
|
||
|
|
import type {HeadingInfo} from '@sup39/rehype-mdx-export-headings';
|
||
|
|
|
||
|
|
export type MDXProps = {
|
||
|
|
children: JSX.Element
|
||
|
|
data: {
|
||
|
|
pathname: string,
|
||
|
|
},
|
||
|
|
meta: Partial<{
|
||
|
|
title: string
|
||
|
|
description: string
|
||
|
|
h1: string
|
||
|
|
[key: string]: any
|
||
|
|
}>
|
||
|
|
headings: HeadingInfo[]
|
||
|
|
};
|
||
|
|
|
||
|
|
export default function MDXRoot({children, data: {pathname}, meta={}, headings}: MDXProps) {
|
||
|
|
const {title, description} = meta;
|
||
|
|
const h1 = meta.h1 ?? title;
|
||
|
|
return <>
|
||
|
|
<Head>
|
||
|
|
<title>{title}</title>
|
||
|
|
{description && <meta name="description" content={description} />}
|
||
|
|
</Head>
|
||
|
|
<Nav pathname={pathname} headings={headings} />
|
||
|
|
<main>
|
||
|
|
{h1 ? <h1>{h1}</h1> : <></>}
|
||
|
|
<MetaInfo data={meta} />
|
||
|
|
{children}
|
||
|
|
</main>
|
||
|
|
</>;
|
||
|
|
}
|