Updates

components/layout/Section.tsx

@@ -1,6 +1,10 @@
 import { DetailedHTMLProps, HTMLAttributes } from "react";
 import { twMerge } from "tailwind-merge";
 
+/**
+ * # General Section
+ * @className twui-section
+ */
 export default function Section({
     ...props
 }: DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>) {
@@ -10,6 +14,7 @@ export default function Section({
             className={twMerge(
                 "flex flex-col items-center w-full",
                 "px-4 sm:px-10 py-10",
+                "twui-section",
                 props.className
             )}
         >