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

export interface AccountInfoWrapProps {
  data?: MerchantMidResponse
};

export const AccountInfoWrap = ({
  data
}: AccountInfoWrapProps) => {

  return (
    <>
      <div className="section">
        <div className="section-title">정산계좌</div>
        <ul className="kv-list">
          <li className="kv-row">
            <span className="k">은행</span>
            <span className="v">{ data?.bankName }</span>
          </li>
          <li className="kv-row">
            <span className="k">계좌번호</span>
            <span className="v">{ data?.accountNumber }</span>
          </li>
          <li className="kv-row">
            <span className="k">예금주</span>
            <span className="v">{ data?.accountHolderName }</span>
          </li>
        </ul>
      </div>
    </>
  );
};