- 부가서비스: 계좌 성명조회 상세정보 목업 데이터 API 연동

src/entities/additional-service/ui/info-wrap/title-info-wrap.tsx

@@ -0,0 +1,46 @@
+import moment from 'moment';
+import { motion } from 'framer-motion';
+import { NumericFormat } from 'react-number-format';
+import { AdditionalServiceCategory, DetailInfoSectionKeys } from '../../model/types';
+import { DetailInfoSectionProps } from '../../model/types';
+
+export const TitleInfoWrap = ({
+  additionalServiceCategory,
+  titleInfo,
+  onClickToShowInfo
+}: DetailInfoSectionProps) => {
+
+  const variants = {
+    hidden: { height: 0, padding: 0, margin: 0, display: 'none' },
+    visible: { height: 'auto', padding: '16px', margin: '10px 0', display: 'block' },
+  };
+
+  const onClickToSetShowInfo = () => {
+    if (!!onClickToShowInfo) {
+      onClickToShowInfo(DetailInfoSectionKeys.Title);
+    }
+  };
+
+  let newTitleInfo: Record<string, any> | undefined = titleInfo;
+  console.log("NewTitleInfo Check: ", newTitleInfo)
+
+  const onClickToDownloadConfirmation = () => {
+
+  };
+
+
+
+  return (
+    <>
+      {additionalServiceCategory === AdditionalServiceCategory.AccountHolderSearch&& (
+          <>
+            <div className="num-amount">
+              <span className="amount">{titleInfo?.accountNo}</span>
+            </div>
+            <div className="num-store">{titleInfo?.bankName}</div>
+            <div className="num-day">{titleInfo?.requestDate}</div>
+          </>
+        )}
+    </>
+  );
+};