https://dienthoaigiakho.vn/_next/static/chunks/7465.af31c1fbbc054c85.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7465],{80882:function(n,t,e){e.d(t,{Z:function(){return a}});var i=e(1413),r=e(67294),o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"}}]},name:"down",theme:"outlined"},d=e(53952),c=function(n,t){return r.createElement(d.Z,(0,i.Z)((0,i.Z)({},n),{},{ref:t,icon:o}))};c.displayName="DownOutlined";var a=r.forwardRef(c)},11280:function(n,t,e){e.d(t,{Z:function(){return m}});var i=e(85893),r=e(21986),o=e(7297),d=e(93391);function c(){let n=(0,o.Z)(["\n  --product-name-size: 14px;\n  --product-price-size: 16px;\n  --product-discount-size: 12px;\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  width: calc(50% - 10px);\n  margin: 5px;\n  padding: 10px;\n\n  border: 1px solid #eee;\n  border-radius: 5px;\n  background-color: #fff;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.25s ease;\n\n  @media (min-width: 576px) and (max-width: 768px) {\n    width: calc(100% / 3 - 10px);\n  }\n  @media (min-width: 769px) and (max-width: 1024px) {\n    width: calc(25% - 10px);\n  }\n  @media (min-width: 1025px) {\n    width: calc(20% - 10px);\n  }\n\n  @media (max-width: 480px) {\n    padding: 5px;\n  }\n\n  @media (max-width: 420px) {\n    width: calc(50% - 5px);\n    margin: 2.5px;\n  }\n  &:hover {\n    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n    transform: translateY(-3px);\n    border-color: var(--primary-color);\n  }\n"]);return c=function(){return n},n}function a(){let n=(0,o.Z)(["\n  display: flex;\n  flex-direction: column;\n  /* height: 100%; */\n"]);return a=function(){return n},n}function l(){let n=(0,o.Z)(["\n  position: relative;\n  width: 100%;\n  margin: 0 auto;\n\n  &::after {\n    content: '';\n    display: block;\n    padding-bottom: 100%;\n  }\n  span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n  }\n  img {\n    width: 100%;\n    height: 100%;\n  }\n  @media (max-width: 480px) {\n    width: 90%;\n  }\n"]);return l=function(){return n},n}function s(){let n=(0,o.Z)(["\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  margin: 5px 0;\n  font-size: var(--product-name-size);\n  font-weight: 500;\n  line-height: 1.5;\n  text-align: center;\n  text-overflow: ellipsis;\n"]);return s=function(){return n},n}let p=d.ZP.div.withConfig({componentId:"sc-cc46192b-0"})(c()),x=d.ZP.div.withConfig({componentId:"sc-cc46192b-1"})(a()),u=d.ZP.div.withConfig({componentId:"sc-cc46192b-2"})(l()),h=d.ZP.h3.withConfig({componentId:"sc-cc46192b-3"})(s()),f=n=>{let{productName:t,productPhoto:e,handleClickCard:o,children:d}=n;return(0,i.jsxs)(p,{onClick:()=>{o()},children:[(0,i.jsxs)(x,{children:[(0,i.jsx)(u,{children:(0,i.jsx)(r.Z,{src:e,alt:t,fill:!0,sizes:"(max-width: 576px) 50vw, (max-width: 768px) 33vw, (max-width: 1024px) 25vw, 206px"})}),(0,i.jsx)(h,{children:t})]}),d]})};var m=f},97465:function(n,t,e){e.r(t),e.d(t,{default:function(){return b}});var i=e(85893),r=e(80882),o=e(67294),d=e(31757),c=e(11280),a=e(7297),l=e(55320),s=e(93391);function p(){let n=(0,a.Z)(["\n  display: flex;\n  flex-flow: row wrap;\n\n  margin: 0 -5px;\n  animation: "," 0.5s;\n"]);return p=function(){return n},n}function x(){let n=(0,a.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: end;\n  gap: 0.5rem;\n  strong {\n    font-size: var(--product-price-size);\n    line-height: 1.1;\n    color: #f81616;\n  }\n  span {\n    font-weight: bold;\n    padding: 2px 8px;\n    color: #20BA38;\n    font-size: var(--product-discount-size);\n    background-color: #EAFFED;\n    border-radius: 4px;\n  }\n  button {\n    display: flex;\n    justify-content: center;\n    padding: 8px;\n    width: 80%;\n    margin-top: 0.5rem;\n    \n    color: #FFFFFF;\n    background-color: #CE0B03;\n    outline: none;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    @media (max-width: 480px) {\n      margin-top: 0;\n    }\n  }\n"]);return x=function(){return n},n}function u(){let n=(0,a.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: rgb(238 238 238 / 30%);\n  border: 1px solid rgb(238 238 238 / 30%);\n  border-radius: 3px;\n  padding: 20px;\n  animation: "," 0.5s;\n"]);return u=function(){return n},n}let h=s.ZP.div.withConfig({componentId:"sc-d6df3f96-0"})(p(),l.Ji),f=s.ZP.div.withConfig({componentId:"sc-d6df3f96-1"})(x()),m=s.ZP.div.withConfig({componentId:"sc-d6df3f96-2"})(u(),l.Ji);var g=e(16549);let w=n=>{let{listOldProduct:t=[],productClick:e}=n,[a,l]=(0,o.useState)(10);return(0,o.useEffect)(()=>

1{l(10)},[t]),(0,i.jsxs)(o.Fragment,{children:[t.length>0&&(0,i.jsx)(h,{children:[...t.slice(0,a)].map((n,t)=>(0,i.jsx)(c.Z,{productName:n.name,productPhoto:n.photo,handleClickCard:()=>{e(String(n.id))},children:(0,i.jsxs)(f,{children:[(0,i.jsx)("strong",{children:(0,g.xG)(n.salePrice)}),n.bonus||n.tradeInBonus?(0,i.jsxs)("span",{children:["Trợ gi\xe1 ",n.tradeInBonus?"đến "+(0,g.xG)(n.tradeInBonus):(0,g.xG)(n.bonus)]}):(0,i.jsx)("div",{children:"\xa0"}),(0,i.jsx)("button",{children:"L\xcaN ĐỜI"})]})},t))}),0===t.length&&(0,i.jsx)(m,{children:"Kh\xf4ng c\xf3 sản phẩm n\xe0o!"}),a<t.length&&(0,i.jsxs)(d.t,{title:"Xem th\xeam",onClick:()=>l(n=>n+5),children:[(0,i.jsx)(r.Z,{}),(0,i.jsx)("span",{children:"Xem th\xeam"})]})]})};var b=w}}]);