가맹점관리 등록현황

src/entities/merchant/ui/info-wrap/account-info-wrap.tsx

@@ -0,0 +1,32 @@
+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>
+    </>
+  );
+};