import React, { memo } from "react";

import SectionTitle from "../../../components/SectionTitle/SectionTitle";
import { $L } from "../../../utils/helperMethods";
import css from "./TodaysDeals.module.less";
import TodaysDealsCard from "./TodaysDealsCard/TodaysDealsCard";

const STRING_CONF = {
  TODAYS_DEALS: $L("TODAY'S DEALS"),
};

// cpnFlag, // 쿠폰 여부 (Y or N)
// freeShippingFlag, // 무료 배송 여부 (Y or N)
// logoImgAlt, // 로고 이미지 alt 값
// logoImgNm, // 로고 이미지 이름
// logoImgPath, // 로고 이미지 경로
// offerInfo, // 제공 정보
// patncLogoPath, // 파트너사 로고 이미지 경로
// patncNm, // 파트너 이름
// patnrId, // 파트너 아이디
// prdtId, // 상품 아이디
// prdtNm, // 상품 이름
// priceInfo, // 상품 금액 정보, 할인전 금액, 할인 후(최종) 금액, 리워드 여부, save 금액, off(할인 %)
// showId, // 방송 아이디
// showNm, // 방송 이름
// showUrl, // 방송 url
// thumbnailImg, // 썸네일 이미지
// tmpltCd, // 템플릿 코드
// tmpltNm, // 템플릿 명칭
// todaySpclFlag, // Today Sepcial Value 여부 (Y or N)

export default memo(function TodaysDeals({ brandTsvInfo }) {
  console.log("@@brandTsvInfo", brandTsvInfo);

  const {
    cpnFlag: couponFlag,
    freeShippingFlag,
    prdtNm: productName,
    priceInfo,
    thumbnailImg,
    todaySpclFlag: todaySpecialFlag,
  } = brandTsvInfo;

  return (
    <div className={css.container}>
      <SectionTitle title={STRING_CONF.TODAYS_DEALS} />
      <TodaysDealsCard
        couponFlag={couponFlag}
        freeShippingFlag={freeShippingFlag}
        imageSource={thumbnailImg}
        imageAlt={productName}
        priceInfo={priceInfo}
        productName={productName}
        todaySpecialFlag={todaySpecialFlag}
      />
    </div>
  );
});
