1import{_ as x}from"./DZIRYOYE.js";import{d as g,e as v,h as c,o as t,am as y,i,z as o,c as l,b as d,a,_ as b,j as w,X as m,W as u}from"./CYk2M48Q.js";import{_ as k}from"./CZh0O6Ny.js";const C={class:"sm:w-2/5 shrink-0"},D={key:1,class:"aspect-4/3 bg-neutral-50 flex items-center justify-center h-full"},N={class:"flex flex-col flex-1 p-5"},V={key:0,class:"text-body-sm text-muted mt-2 line-clamp-3"},z={class:"mt-auto pt-4"},B={class:"inline-flex items-center gap-1.5 text-sm font-semibold text-primary-600 group-hover:gap-2.5 transition-all"},j=g({__name:"ProductCard",props:{product:{},size:{default:"lg"},headingLevel:{default:3}},setup(e){const _=e,s=v(()=>_.product.images?.[0]);return(I,n)=>{const p=x,r=b,h=k,f=y;return t(),c(f,{to:`/fence-types/${e.product.slug}`,class:"group flex flex-col sm:flex-row h-full bg-white rounded-xl border border-neutral-200 shadow-sm overflow-hidden transition-all duration-300 hover:shadow-lg hover:-translate-y-1 hover:border-primary-200"},{default:i(()=>[o("div",C,[d(s)?(t(),c(p,{key:0,media:d(s),alt:e.product.name||"Fence Type",variant:"square-contain",class:"h-full",imgClass:"transition-transform duration-500 group-hover:scale-105"},null,8,["media","alt"])):(t(),l("div",D,[a(r,{name:"i-lucide-box",class:"size-12 text-neutral-300"})]))]),o("div",N,[a(h,{level:e.headingLevel,class:"heading-card text-highlighted group-hover:text-primary-600 transition-colors"},{default:i(()=>[m(u(e.product.name),1)]),_:1},8,["level"]),e.product.shortDescription?(t(),l("p",V,u(e.product.shortDescription),1)):w("",!0),o("div",z,[o("span",B,[n[0]||(n[0]=m(" View Details ",-1)),a(r,{name:"i-lucide-arrow-right",class:"size-4"})])])])]),_:1},8,["to"])}}}),S=Object.assign(j,{__name:"ProductCard"});export{S as _};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.