From fd228775803db6d47ee9e602e9e0536dcfd8fde8 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 19 Mar 2025 23:29:46 -0500
Subject: [PATCH] Standardize DivDebugBaselineGrid props

---
 src/components/DivDebugBaselineGrid.tsx | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/DivDebugBaselineGrid.tsx b/src/components/DivDebugBaselineGrid.tsx
index fb1d07c4..0e07d159 100644
--- a/src/components/DivDebugBaselineGrid.tsx
+++ b/src/components/DivDebugBaselineGrid.tsx
@@ -2,22 +2,23 @@
 
 import { useAppState } from '@/state/AppState';
 import { clsx } from 'clsx/lite';
-import { ReactNode } from 'react';
+import { HTMLAttributes } from 'react';
 
 export default function DivDebugBaselineGrid({
   children,
   className,
-}: {
-  children: ReactNode
-  className?: string
-}) {
+  ...props
+}: HTMLAttributes<HTMLDivElement>) {
   const { shouldShowBaselineGrid } = useAppState();
 
   return (
-    <div className={clsx(
-      className,
-      shouldShowBaselineGrid && 'bg-baseline-grid',
-    )}>
+    <div
+      {...props}
+      className={clsx(
+        shouldShowBaselineGrid && 'bg-baseline-grid',
+        className,
+      )}
+    >
       {children}
     </div>
   );