From 7216d6a74effa59f69a8d84f86dae5dfd25c6dd6 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Mon, 31 Mar 2025 13:12:42 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20data=20table=EC=97=90=20variant=20props?=
 =?UTF-8?q?=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/components/src/ui/data-table/index.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/common/components/src/ui/data-table/index.tsx b/packages/common/components/src/ui/data-table/index.tsx
index 8dc30c701..c2c8c3591 100644
--- a/packages/common/components/src/ui/data-table/index.tsx
+++ b/packages/common/components/src/ui/data-table/index.tsx
@@ -38,12 +38,17 @@ function THead<T>({ table }: { table: TableType<T> }) {
 
 type TableProps<T> = {
   table: TableType<T>;
+  variant?: "default" | "secondary" | "line";
   onRowClick?: (row: T) => void;
 };
 
-function DataTable<T>({ table, onRowClick }: TableProps<T>) {
+function DataTable<T>({
+  table,
+  variant = "default",
+  onRowClick,
+}: TableProps<T>) {
   return (
-    <Table className="w-full">
+    <Table className="w-full" variant={variant}>
       <THead table={table} />
       <tbody>
         {table.getRowModel().rows.map((row) => (