32 lines
871 B
TypeScript
32 lines
871 B
TypeScript
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>
|
|
</>
|
|
);
|
|
}; |