From 2a7d105e5c117f1bacb83d592ededb4d89d35cbc Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Sun, 18 Jan 2026 14:07:19 +0000
Subject: [PATCH] Update components/grid-lines.tsx

---
 components/grid-lines.tsx | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 components/grid-lines.tsx

diff --git a/components/grid-lines.tsx b/components/grid-lines.tsx
new file mode 100644
index 0000000..48e3136
--- /dev/null
+++ b/components/grid-lines.tsx
@@ -0,0 +1,32 @@
+import { cn } from "@/lib/utils";
+import styles from "./common.module.css";
+
+export const GridLineHorizontal = ({ ...props }) => {
+  return (
+    <>
+      <div
+        className={cn(styles.gridLineHorizontalDark, "hidden dark:block ")}
+        {...props}
+      />
+      <div
+        className={cn(styles.gridLineHorizontal, "block dark:hidden ")}
+        {...props}
+      />
+    </>
+  );
+};
+
+export const GridLineVertical = ({ ...props }) => {
+  return (
+    <>
+      <div
+        className={cn(styles.gridLineVerticalDark, "hidden dark:block ")}
+        {...props}
+      />
+      <div
+        className={cn(styles.gridLineVertical, "block dark:hidden ")}
+        {...props}
+      />
+    </>
+  );
+};