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

export interface ReceiverSectionProps {
  detail: VatReturnDetailResponse
};

export const ReceiverSection = ({
  detail
}: ReceiverSectionProps) => {

  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.receiverBusinessRegistrationNumber }</span>
        </li>
        <li className="kv-row">
          <span className="k">상호명</span>
          <span className="v">{ detail.receiverCompanyName }</span>
        </li>
        <li className="kv-row">
          <span className="k">대표자명</span>
          <span className="v">{ detail.receiverCeoName }</span>
        </li>
      </ul>
    </>
  );
};