(박서영)evcp/document-list-only, evcp/vendor-data 생성

1 files changed, 35 insertions, 0 deletions

diff --git a/components/document-lists/vendor-doc-list-client-evcp.tsx b/components/document-lists/vendor-doc-list-client-evcp.tsx
new file mode 100644
index 00000000..cc9b6804
--- /dev/null
+++ b/components/document-lists/vendor-doc-list-client-evcp.tsx
@@ -0,0 +1,35 @@
+"use client"
+import * as React from "react"
+
+import { InformationButton } from "@/components/information/information-button"
+
+interface VendorDocumentsClientEvcpProps {
+    children: React.ReactNode
+}
+
+export default function VendorDocumentListClientEvcp({
+    children,
+}: VendorDocumentsClientEvcpProps) {
+    return (
+        <>
+            {/* 상단 영역: 타이틀만 표시 */}
+            <div className="flex items-center justify-between">
+                {/* 왼쪽: 타이틀 & 설명 */}
+                <div>
+                    <div className="flex items-center gap-2">
+                        <h2 className="text-2xl font-bold tracking-tight">전체 문서 리스트 관리</h2>
+                        <InformationButton pagePath="evcp/document-list" />
+                    </div>
+                    <p className="text-muted-foreground">
+                        전체 계약 대상 문서를 관리하고 진행 상황을 추적할 수 있습니다.
+                    </p>
+                </div>
+            </div>
+            
+            {/* 문서 목록/테이블 영역 */}
+            <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow p-5">
+                {children}
+            </section>
+        </>
+    )
+}