type Props = {
children: React.ReactNode;
assets: { href: string; as?: string; rel?: string }[];
head?: React.ReactNode;
extraStyle: React.ReactNode;
scripts?: React.ReactNode;
title: string;
rootId?: string;
charSet?: string;
lang?: string;
};
export default function Document({
assets,
head = defaultHead,
children,
title,
rootId = 'anansi-root',
charSet = 'utf-8',
scripts = null,
extraStyle,
lang,
}: Props) {
return (
{head}
{extraStyle}
{assets.map((asset, i) => (
))}
{title}
{children}
{scripts}
{assets
.filter(({ href }) => href.endsWith('.js'))
.map(({ href }, i) => (
))}
);
}
const defaultHead = (
<>
);