feat: add MDXLayoutRenderer component

components/MDXComponents.js

@@ -1,11 +1,20 @@
+import { MDXRemote } from 'next-mdx-remote'
 import Image from 'next/image'
 import CustomLink from './Link'
 import Pre from './Pre'
 
-const MDXComponents = {
+export const MDXComponents = {
   Image,
   a: CustomLink,
   pre: Pre,
 }
 
-export default MDXComponents
+export const MDXLayoutRenderer = ({ layout, mdxSource, ...rest }) => {
+  const LayoutComponent = require(`../layouts/${layout}`).default
+
+  return (
+    <LayoutComponent {...rest}>
+      <MDXRemote {...mdxSource} components={MDXComponents} />
+    </LayoutComponent>
+  )
+}