Initial Components

theme-provider.tsx

@@ -0,0 +1,9 @@
+"use client"
+
+import * as React from "react"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+import { type ThemeProviderProps } from "next-themes/dist/types"
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+    return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+}

typography.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+
+export interface Props {
+    children?: React.ReactNode;
+}
+
+export class H1 extends React.Component<Props> {
+    render() {
+        return (
+            <h1 className="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl">
+                {this.props.children}
+            </h1>
+        );
+    }
+}