import { VatReturnDetailResponse } from '../../model/types';

export interface SupplierSectionProps {
  detail: VatReturnDetailResponse
};

export const SupplierSection = ({
  detail
}: SupplierSectionProps) => {

  return (
    <>
      <div className="txn-section">
        <div className="section-title">공급자 정보</div>
      </div>
      <ul className="kv-list">
        <li className="kv-row">
          <span className="k">사업자등록번호</span>
          <span className="v">{ detail.supplierBusinessRegistrationNumber }</span>
        </li>
        <li className="kv-row">
          <span className="k">상호명</span>
          <span className="v">{ detail.supplierCompanyName }</span>
        </li>
        <li className="kv-row">
          <span className="k">대표자명</span>
          <span className="v">{ detail.supplierCeoName }</span>
        </li>
      </ul>
    </>
  );
};