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

export interface BusinessInfoWrapProps {
  data?: MerchantMidResponse
};

export const BusinessInfoWrap = ({
  data
}: BusinessInfoWrapProps) => {

  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?.businessCompanyName }</span>
          </li>
          <li className="kv-row">
            <span className="k">사업자번호</span>
            <span className="v">{ data?.businessRegistrationNumber }</span>
          </li>
          <li className="kv-row">
            <span className="k">사업자속성</span>
            <span className="v">{ data?.businessScaleTypeName }</span>
          </li>
          <li className="kv-row">
            <span className="k">업종</span>
            <span className="v">{ data?.businessType }</span>
          </li>
          <li className="kv-row">
            <span className="k">업태</span>
            <span className="v">{ data?.businessCategory }</span>
          </li>
        </ul>
      </div>
      <div className="info-divider mb-16"></div>
      <div className="section">
        <ul className="kv-list">
          <li className="kv-row">
            <span className="k">대표자명</span>
            <span className="v">{ data?.representativeName }</span>
          </li>
          <li className="kv-row">
            <span className="k">대표 연락처</span>
            <span className="v">{ data?.telephoneNumber }</span>
          </li>
          <li className="kv-row">
            <span className="k">대표 이메일</span>
            <span className="v">{ data?.email }</span>
          </li>
        </ul>
      </div>
      <div className="info-divider mb-16"></div>
      <div className="section">
        <ul className="kv-list">
          <li className="kv-row">
            <span className="k">사업장주소</span>
            <span className="v">{ data?.businessAddress }</span>
          </li>
          <li className="kv-row">
            <span className="k">홈페이지 주소</span>
            <span className="v">{ data?.url }</span>
          </li>
        </ul>
      </div>
    </>
  );
};