From ef4c533ebacc2cdc97e518f30e9a9350004fcdfb Mon Sep 17 00:00:00 2001
From: dujinkim <dujin.kim@dtsolution.co.kr>
Date: Mon, 28 Apr 2025 02:13:30 +0000
Subject: ~20250428 작업사항
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data-table/data-table-compact-toggle.tsx       | 35 ++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 components/data-table/data-table-compact-toggle.tsx

(limited to 'components/data-table/data-table-compact-toggle.tsx')

diff --git a/components/data-table/data-table-compact-toggle.tsx b/components/data-table/data-table-compact-toggle.tsx
new file mode 100644
index 00000000..5c162a03
--- /dev/null
+++ b/components/data-table/data-table-compact-toggle.tsx
@@ -0,0 +1,35 @@
+"use client"
+
+import * as React from "react"
+import { Button } from "@/components/ui/button"
+import { TableIcon, LayoutGrid } from "lucide-react"
+
+interface DataTableCompactToggleProps {
+  /**
+   * 현재 컴팩트 모드 상태
+   */
+  isCompact: boolean
+  
+  /**
+   * 컴팩트 모드 토글 시 호출될 함수
+   */
+  onToggleCompact: () => void
+}
+
+export function DataTableCompactToggle({
+  isCompact,
+  onToggleCompact
+}: DataTableCompactToggleProps) {
+  return (
+    <Button
+      variant="ghost"
+      size="sm"
+      onClick={onToggleCompact}
+      title={isCompact ? "확장 보기로 전환" : "컴팩트 보기로 전환"}
+      className="h-8 px-2"
+    >
+      {isCompact ? <LayoutGrid size={16} /> : <TableIcon size={16} />}
+      <span className="ml-2 text-xs">{isCompact ? "확장 보기" : "컴팩트 보기"}</span>
+    </Button>
+  )
+}
\ No newline at end of file
-- 
cgit v1.2.3

