From c3c1104179f2f9a94988577533b09c765a902529 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EA=B4=80=EC=8B=9D?=
 <39869096+gwansikk@users.noreply.github.com>
Date: Tue, 26 Mar 2024 21:22:54 +0900
Subject: [PATCH] refactor(design-system): overrode className in grid layout
 component (#78)

---
 packages/design-system/src/Grid/Grid.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/design-system/src/Grid/Grid.tsx b/packages/design-system/src/Grid/Grid.tsx
index 29f5ec2a..67818c29 100644
--- a/packages/design-system/src/Grid/Grid.tsx
+++ b/packages/design-system/src/Grid/Grid.tsx
@@ -9,11 +9,17 @@ interface GridProps extends ComponentPropsWithRef<'div'> {
 }
 
 const Grid = forwardRef<HTMLDivElement, GridProps>(
-  ({ col = 1, gap = 'none', children }, ref) => {
+  ({ col = 1, gap = 'none', children, className, ...rest }, ref) => {
     return (
       <div
         ref={ref}
-        className={twMerge('grid', gridStyleCols[col], gridStyleGaps[gap])}
+        className={twMerge(
+          'grid',
+          gridStyleCols[col],
+          gridStyleGaps[gap],
+          className,
+        )}
+        {...rest}
       >
         {children}
       </div>