feat: render the corresponding h* element for a given heading level

SquiggleTools · Sep 26, 2024 · 7852505 · 7852505
1 parent d9837ac
commit 7852505
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/app/components/Heading.tsx b/app/components/Heading.tsx
@@ -9,5 +9,9 @@ export interface HeadingProps extends React.PropsWithChildren {
 }
 
 export function Heading({ children, className, level }: HeadingProps) {
-	return <h2 className={clsx(styles.heading[level], className)}>{children}</h2>;
+	if (level === 2) {
+		return <h2 className={clsx(styles.heading[2], className)}>{children}</h2>;
+	} else {
+		return <h3 className={clsx(styles.heading[3], className)}>{children}</h3>;
+	}
 }