"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>
        </>
    )
}