https://j2proxy.vn/_next/static/chunks/10799.d659dba0155fecd2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10799],{3468:(e,t,r)=>{r.d(t,{A:()=>o,q:()=>s});var l=r(12115),n=r(95155);function s(e,t){let r=l.createContext(t),s=e=>{let{children:t,...s}=e,o=l.useMemo(()=>s,Object.values(s));return(0,n.jsx)(r.Provider,{value:o,children:t})};return s.displayName=e+"Provider",[s,function(n){let s=l.useContext(r);if(s)return s;if(void 0!==t)return t;throw Error(`\`${n}\` must be used within \`${e}\``)}]}function o(e,t=[]){let r=[],s=()=>{let t=r.map(e=>l.createContext(e));return function(r){let n=r?.[e]||t;return l.useMemo(()=>({[`__scope${e}`]:{...r,[e]:n}}),[r,n])}};return s.scopeName=e,[function(t,s){let o=l.createContext(s),a=r.length;r=[...r,s];let i=t=>{let{scope:r,children:s,...i}=t,d=r?.[e]?.[a]||o,c=l.useMemo(()=>i,Object.values(i));return(0,n.jsx)(d.Provider,{value:c,children:s})};return i.displayName=t+"Provider",[i,function(r,n){let i=n?.[e]?.[a]||o,d=l.useContext(i);if(d)return d;if(void 0!==s)return s;throw Error(`\`${r}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let r=()=>{let r=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let n=r.reduce((t,{useScope:r,scopeName:l})=>{let n=r(e)[`__scope${l}`];return{...t,...n}},{});return l.useMemo(()=>({[`__scope${t.scopeName}`]:n}),[n])}};return r.scopeName=t.scopeName,r}(s,...t)]}},3998:(e,t,r)=>{r.d(t,{$:()=>i,r:()=>a});var l=r(95155);r(12115);var n=r(32467),s=r(83101),o=r(64269);let a=(0,s.F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-primary focus-visible:ring-primary/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 hover:border-primary/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function i(e){let{className:t,variant:r,size:s,asChild:i=!1,...d}=e,c=i?n.DX:"button";return(0,l.jsx)(c,{"data-slot":"button",className:(0,o.cn)(a({variant:r,size:s,className:t})),...d})}},4129:(e,t,r)=>{r.d(t,{N:()=>n});var l=r(12115),n=globalThis?.document?l.useLayoutEffect:()=>{}},11647:(e,t,r)=>{r.d(t,{E:()=>i});var l=r(95155);r(12115);var n=r(32467),s=r(83101),o=r(64269);let a=(0,s.F)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",Cancelled:"bg-[#FFEDDB] text-[#F37A00] border-none",Completed:"bg-[#D8FFD9] text-[#00B507] border-none",AwaitingPayment:"bg-[#E9F0FF] text-[#0053F3] border-none"}},defaultVariants:{variant:"default"}});function i(e){let{className:t,variant:r,asChild:s=!1,...i}=e,d=s?n.DX:"span";return(0,l.jsx)(d,{"data-slot":"badge",className:(0,o.cn)(a({variant:r}),t),...i})}},16485:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(71847).A)("Calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]])},17037:(e,t,r)=>{r.d(t,{$:()=>a,F:()=>o});var l=r(95155);r(12115);var n=r(83360),s=r(64269);function o(e){let{className:t,children:r,...o}=e;return(0,l.jsxs)(n.bL,{"data-slot":"scroll-area",className:(0,s.cn)("relative",t),...o,children:[(0,l.jsx)(n.LM,{"data-slot":"scroll-area-viewport",className:"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",children:r}),(0,l.jsx)(a,{}),(0,l.jsx)(n.OK,{})]})}function a(e){let{className:t,orientation:r="vertical",...o}=e;return(0,l.jsx)(n.VM,{"data-slot":"scroll-area-scrollbar",orientation:r,className:(0,s.cn)("flex touch-none p-px transition-colors select-none","vertical"===r&&"h-full w-2.5 border-l border-l-transparent","horizontal"===r&&"h-2.5 flex-col border-t border-t-transparent",t),...o,children:(0,l.jsx)(n.lr,{"data-slot":"scroll-area-thumb",className:"bg-border relative flex-1 rounded-full"})})}},20508:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(71847).A)("User",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]])},32467:(e,t,r)=>{r.d(t,{DX:()=>a,Dc:()=>d,TL:()=>o});var l=r(12115),n=r(94446),s=r(95155);function o(e){let t=function(e){let t=l.forwardRef((e,t)=>

1{let{children:r,...s}=e;if(l.isValidElement(r)){var o;let e,a,i=(o=r,(a=(e=Object.getOwnPropertyDescriptor(o.props,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?o.ref:(a=(e=Object.getOwnPropertyDescriptor(o,"ref")?.get)&&"isReactWarning"in e&&e.isReactWarning)?o.props.ref:o.props.ref||o.ref),d=function(e,t){let r={...t};for(let l in t){let n=e[l],s=t[l];/^on[A-Z]/.test(l)?n&&s?r[l]=(...e)=>{s(...e),n(...e)}:n&&(r[l]=n):"style"===l?r[l]={...n,...s}:"className"===l&&(r[l]=[n,s].filter(Boolean).join(" "))}return{...e,...r}}(s,r.props);return r.type!==l.Fragment&&(d.ref=t?(0,n.t)(t,i):i),l.cloneElement(r,d)}return l.Children.count(r)>1?l.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}(e),r=l.forwardRef((e,r)=>{let{children:n,...o}=e,a=l.Children.toArray(n),i=a.find(c);if(i){let e=i.props.children,n=a.map(t=>t!==i?t:l.Children.count(e)>1?l.Children.only(null):l.isValidElement(e)?e.props.children:null);return(0,s.jsx)(t,{...o,ref:r,children:l.isValidElement(e)?l.cloneElement(e,void 0,n):null})}return(0,s.jsx)(t,{...o,ref:r,children:n})});return r.displayName=`${e}.Slot`,r}var a=o("Slot"),i=Symbol("radix.slottable");function d(e){let t=({children:e})=>(0,s.jsx)(s.Fragment,{children:e});return t.displayName=`${e}.Slottable`,t.__radixId=i,t}function c(e){return l.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===i}},35626:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(71847).A)("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]])},45345:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(71847).A)("Tag",[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]])},57828:(e,t,r)=>{r.d(t,{A:()=>l});let l=(0,r(71847).A)("Eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]])},61631:(e,t,r)=>{r.d(t,{C:()=>l});function l(e){if(!e)return"";let t=0;return e.replace(/<(h[1-6])([^>]*)>(.*?)<\/\1>/gi,(e,r,l,n)=>{if(/id\s*=\s*["'][^"']*["']/.test(l))return e;let s="heading-".concat(t);t++;let o=l?"".concat(l,' id="').concat(s,'"'):' id="'.concat(s,'"');return"<".concat(r).concat(o,">").concat(n,"</").concat(r,">")})}},70222:(e,t,r)=>{r.d(t,{c:()=>n});var l=r(12115);function n(e){let t=l.useRef(e);return l.useEffect(()=>{t.current=e}),l.useMemo(()=>(...e)=>t.current?.(...e),[])}},82329:(e,t,r)=>{r.d(t,{M:()=>o});var l=r(95155),n=r(12115),s=r(64269);function o(e){let{content:t,headings:r,variant:o="default"}

1=e,a="dark"===o,[i,d]=(0,n.useState)(r||[]),[c,u]=(0,n.useState)(""),m=e=>{var t;if(e){let t=e.closest('[data-slot="scroll-area-viewport"], [data-radix-scroll-area-viewport]');if(t instanceof HTMLElement)return t}let r=null==(t=document.querySelector(".prose"))?void 0:t.closest('[data-slot="scroll-area-viewport"], [data-radix-scroll-area-viewport]');if(r instanceof HTMLElement)return r;let l=document.querySelector('[data-slot="scroll-area-viewport"], [data-radix-scroll-area-viewport]');return l instanceof HTMLElement?l:null},p=(e,t,r,l)=>{let n=t.getBoundingClientRect(),s="";return(Array.from(e).forEach((e,t)=>{let o=l(e,t);o&&o.getBoundingClientRect().top-n.top<=120&&(s=r(e,t))}),s)?s:l(e[0],0)?r(e[0],0):""};return((0,n.useEffect)(()=>{if(r&&r.length>0){d(r);let e=null,t=0,l=()=>{var n;t++;let s=document.getElementById(null==(n=r[0])?void 0:n.id),o=m(s);if(!s||!o){if(t<10)setTimeout(l,50);else{let t=document.querySelector(".prose");if(t){let r=t.querySelectorAll("h1, h2, h3, h4, h5, h6"),l=[];if(r.forEach((e,t)=>{let r=parseInt(e.tagName.substring(1)),n=e.textContent||"",s="heading-".concat(t);e.id=s,l.push({id:s,text:n,level:r})}),d(l),o&&r.length>0){let t=()=>{let e=o.scrollTop,t=o.scrollHeight,l=o.clientHeight,n=p(r,o,e=>e.id,e=>e);e+l>=t-100&&r.length>0&&(n=r[r.length-1].id),u(n)};t(),o.addEventListener("scroll",t,{passive:!0}),e=()=>{o.removeEventListener("scroll",t)}}}}return}let a=()=>{let e=o.scrollTop,t=o.scrollHeight,l=o.clientHeight,n=p(r,o,e=>e.id,e=>document.getElementById(e.id));e+l>=t-100&&r.length>0&&(n=r[r.length-1].id),u(n)};a(),o.addEventListener("scroll",a,{passive:!0}),e=()=>{o.removeEventListener("scroll",a)}};return l(),()=>{e&&e()}}let e=null,t=setTimeout(()=>{let t=document.querySelector(".prose");if(!t)return;let r=t.querySelectorAll("h1, h2, h3, h4, h5, h6"),l=[];r.forEach((e,t)=>{let r=parseInt(e.tagName.substring(1)),n=e.textContent||"",s="heading-".concat(t);e.id=s,l.push({id:s,text:n,level:r})}),d(l);let n=m(t);if(!n)return;let s=()=>{let e=n.scrollTop,t=n.scrollHeight,l=n.clientHeight,s=p(r,n,e=>e.id,e=>e);e+l>=t-100&&r.length>0&&(s=r[r.length-1].id),u(s)};s(),n.addEventListener("scroll",s,{passive:!0}),e=()=>{n.removeEventListener("scroll",s)}},100);return()=>{clearTimeout(t),e&&e()}},[t,r]),0===i.length)?null:(0,l.jsx)("div",{className:"sticky top-24 w-64 hidden lg:block self-start",children:(0,l.jsxs)("div",{className:(0,s.cn)("rounded-lg border p-4 shadow-sm",a?"border-sidebar-foreground/10 bg-[rgb(from_var(--sidebar)_calc(r+9)_calc(g+10)_calc(b+4))]":"border-border bg-card"),children:[(0,l.jsx)("h3",{className:(0,s.cn)("mb-4 text-lg font-bold",a?"text-white":void 0),children:"Mục lục"}),(0,l.jsx)("nav",{className:"space-y-1 max-h-[calc(100vh-200px)] overflow-y-auto",children:i.map(e=>(0,l.jsx)("button",{onClick:t=>((e,t)=>{let r=document.getElementById(e);if(!r)return;t.currentTarget.blur();let l=m(r);if(u(e),l instanceof HTMLElement){let e=l.getBoundingClientRect(),t=r.getBoundingClientRect(),n=l.scrollTop+t.top-e.top-120;l.scrollTo({top:Math.max(0,n),behavior:"smooth"});return}let n=r.getBoundingClientRect().top+window.scrollY-120;window.scrollTo({top:Math.max(0,n),behavior:"smooth"})})(e.id,t),className:(0,s.cn)("block w-full rounded py-1.5 px-2 text-left text-sm transition-all","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:bg-primary/5",a?c===e.id?"border-l-2 border-primary bg-primary/10 font-semibold text-primary":"text-[#989898] hover:bg-sidebar-foreground/5 hover:text-white":(0,s.cn)("hover:bg-muted",c===e.id?"border-l-2 border-primary bg-primary/10 font-semibold text-primary":"text-muted-foreground hover:text-foreground")),style:{paddingLeft:"".concat((e.level-1)*.75+.5,"rem")},children:e.text},e.id))})]})})}},83101:(e,t,r)=>{r.d(t,{F:()=>o});var l=r(2821);let n=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,s=l.$,o=(e,t)=>r=>{var l;if((null==t?void 0:t.variants)==null)return s(e,null==r?void 0:r.class,null==r?void 0:r.className);let{variants:o,defaultVariants:a}=t,i=Object.keys(o).map(e=>{let t=null==r?void 0:r[e],l=null==a?void 0:a[e];if(null===t)return null;let s=n(t)||n(l);return o[e][s]}),d=r&&Object.entries(r).reduce((e,t)=>

1{let[r,l]=t;return void 0===l||(e[r]=l),e},{});return s(e,i,null==t||null==(l=t.compoundVariants)?void 0:l.reduce((e,t)=>{let{class:r,className:l,...n}=t;return Object.entries(n).every(e=>{let[t,r]=e;return Array.isArray(r)?r.includes({...a,...d}[t]):({...a,...d})[t]===r})?[...e,r,l]:e},[]),null==r?void 0:r.class,null==r?void 0:r.className)}},93827:(e,t,r)=>{r.r(t),r.d(t,{default:()=>y});var l=r(95155),n=r(11647),s=r(17037),o=r(64269),a=r(20508),i=r(16485),d=r(57828),c=r(45345),u=r(35626),m=r(3998),p=r(52619),h=r.n(p),x=r(15239),v=r(13744),f=r(82329),g=r(61631),b=r(12115);function y(e){var t;let{initialBlog:r,initialRelatedBlogs:p,hostName:y}=e,w=(0,b.useMemo)(()=>(null==r?void 0:r.content)?(0,g.C)(r.content):"",[null==r?void 0:r.content]),j=(null==r?void 0:r.thumbnail)?"https://".concat(y).concat(null==r||null==(t=r.thumbnail)?void 0:t.path):null;return(0,l.jsx)(s.F,{className:(0,o.cn)("h-[calc(100dvh-52px)] w-full max-w-full overflow-x-hidden [&_[data-slot=scroll-area-viewport]]:max-w-full [&_[data-slot=scroll-area-viewport]]:overflow-x-hidden"),children:(0,l.jsx)("div",{className:"flex w-full min-w-0 max-w-full flex-1 overflow-x-hidden px-3 py-4 sm:px-4 sm:py-6 md:px-8",children:(0,l.jsxs)("article",{className:"mx-auto w-full min-w-0 max-w-6xl",children:[r.category&&(0,l.jsx)("div",{className:"mb-4",children:(0,l.jsx)(n.E,{variant:"outline",className:"text-sm font-medium",children:r.category.title})}),(0,l.jsx)("h1",{className:"mb-3 text-2xl leading-tight font-bold tracking-tight sm:mb-4 md:text-4xl",children:r.title}),r.excerpt&&(0,l.jsx)("p",{className:"text-muted-foreground mb-5 text-sm leading-relaxed sm:text-base md:mb-6 md:text-lg",children:r.excerpt}),(0,l.jsxs)("div",{className:"text-muted-foreground mb-6 flex flex-wrap items-center gap-x-3 gap-y-2 border-b pb-5 text-xs sm:mb-8 sm:pb-6 sm:text-sm",children:[(0,l.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,l.jsx)(a.A,{className:"h-3.5 w-3.5"}),(0,l.jsxs)("span",{children:[r.author.firstName," ",r.author.lastName]})]}),(0,l.jsx)("span",{className:"text-muted-foreground/40 hidden sm:inline",children:"•"}),(0,l.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,l.jsx)(i.A,{className:"h-3.5 w-3.5"}),(0,l.jsx)("span",{children:v.A.formatDate(r.createdAt)})]}),(0,l.jsx)("span",{className:"text-muted-foreground/40 hidden sm:inline",children:"•"}),(0,l.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,l.jsx)(d.A,{className:"h-3.5 w-3.5"}),(0,l.jsxs)("span",{children:[v.A.formatNum(r.viewCount)," lượt xem"]})]})]}),j&&(0,l.jsx)("div",{className:"bg-muted/50 relative mb-6 aspect-[16/10] w-full overflow-hidden rounded-lg border sm:mb-8 sm:aspect-video",children:(0,l.jsx)(x.default,{src:j,alt:r.title,fill:!0,className:"object-contain",priority:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 80vw, 1200px"})}),(0,l.jsxs)("div",{className:"relative flex min-w-0 max-w-full flex-col gap-6 sm:gap-8 lg:flex-row",children:[(0,l.jsx)("div",{className:"prose prose-sm sm:prose-base prose-neutral dark:prose-invert prose-headings:font-semibold prose-headings:tracking-tight prose-h1:text-xl sm:prose-h1:text-2xl prose-h1:mt-6 sm:prose-h1:mt-8 prose-h1:mb-3 sm:prose-h1:mb-4 prose-h2:text-lg sm:prose-h2:text-xl prose-h2:mt-6 sm:prose-h2:mt-8 prose-h2:mb-3 prose-h3:text-base sm:prose-h3:text-lg prose-h3:mt-5 sm:prose-h3:mt-6 prose-h3:mb-2 prose-p:leading-7 prose-p:mb-4 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-img:max-w-full prose-img:rounded-lg prose-img:border prose-code:bg-muted prose-code:text-sm prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:before:content-none prose-code:after:content-none prose-pre:max-w-full prose-pre:overflow-x-auto prose-pre:bg-muted prose-pre:border prose-pre:text-sm prose-blockquote:border-l-4 prose-blockquote:border-primary prose-blockquote:bg-muted/30 prose-blockquote:py-1 prose-blockquote:px-4 prose-blockquote:rounded-r prose-ul:my-4 prose-ol:my-4 prose-li:my-1 prose-strong:font-semibold prose-strong:text-foreground max-w-none min-w-0 flex-1 overflow-x-auto",dangerouslySetInnerHTML:{__html:w}}),(0,l.jsx)(f.M,{content:w})]}),r.tags.length>0&&(0,l.jsxs)("div",{className:"mt-8 flex flex-wrap items-center gap-2.5 border-t py-6",children:[(0,l.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,l.jsx)(c.A,{className:"text-muted-foreground h-3.5 w-3.5"}),(0,l.jsx)("span",{className:"text-muted-foreground text-sm font-medium",children:"Tags:"})]}),r.tags.map(e=>(0,l.jsxs)(n.E,{variant:"secondary",className:"hover:bg-primary hover:text-primary-foreground cursor-pointer text-xs font-medium transition-colors",children:["#",e]},e))]}),p.length>0&&(0,l.jsxs)("div",{className:"mt-10 border-t pt-6 sm:mt-12 sm:pt-8",children:[(0,l.jsx)("h2",{className:"mb-4 text-lg font-semibold sm:mb-5 sm:text-xl",children:"B\xe0i viết li\xean quan"}),(0,l.jsx)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 md:gap-5",children:p.map(e=>{let t=e.thumbnail?"".concat("https://api.homeproxy.vn").concat(e.thumbnail.path):"".concat("https://api.homeproxy.vn","/logo.png"),r=!!e.thumbnail;return(0,l.jsx)(h(),{href:"/blogs/".concat(e.slug),className:"group block",children:(0,l.jsxs)("div",{className:"hover:border-primary/50 h-full overflow-hidden rounded-lg border transition-all hover:shadow-md",children:[(0,l.jsx)("div",{className:"bg-muted/50 relative aspect-video overflow-hidden",children:r?(0,l.jsx)(x.default,{src:t,alt:e.title,fill:!0,className:"object-contain transition-transform duration-300 group-hover:scale-105",sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",loading:"lazy"}):(0,l.jsx)("div",{className:"relative flex h-full w-full items-center justify-center",children:(0,l.jsx)(x.default,{src:t,alt:e.title,width:400,height:225,className:"max-h-[60%] max-w-[60%] object-contain opacity-40",loading:"lazy"})})}),(0,l.jsx)("div",{className:"p-3.5",children:(0,l.jsx)("h3",{className:"group-hover:text-primary line-clamp-2 text-sm font-medium transition-colors",children:e.title})})]})},e.id)})})]}),(0,l.jsx)("div",{className:"mt-10 pb-8",children:(0,l.jsx)(m.$,{asChild:!0,variant:"outline",size:"sm",className:"group",children:(0,l.jsxs)(h(),{href:"/blogs",children:[(0,l.jsx)(u.A,{className:"mr-1.5 h-3.5 w-3.5 transition-transform group-hover:-translate-x-1"}),"Quay lại danh s\xe1ch"]})})})]})})})}}}]);