From 775a49ae262b3d04a3ac73b0f6927cb2404ab53a Mon Sep 17 00:00:00 2001
From: NgocNhi123 <ngocnhi@166>
Date: Fri, 28 Jun 2024 02:36:40 +0700
Subject: [PATCH] add custom layout

add comments
---
 new-docs/layout.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 new-docs/layout.tsx

diff --git a/new-docs/layout.tsx b/new-docs/layout.tsx
new file mode 100644
index 00000000..d6679ab6
--- /dev/null
+++ b/new-docs/layout.tsx
@@ -0,0 +1,10 @@
+import { ReactElement, ReactNode } from "react";
+
+/**
+ * Moai components require className "light" for styling so we create a custom
+ * layout that wrap outside all documents with className "light"
+ * https://vocs.dev/docs/structure#layout-component
+ */
+export default function Layout(props: { children: ReactNode }): ReactElement {
+	return <div className="light">{props.children}</div>;
+}