https://hermes-industries.ru/build/assets/ReferenceCard-fe0372f2.js

1import{f as a,s as h,w,n as o,u as m,o as n,b as e,c as i,x as v,E as b,t as x,F as y,i as C}from"./app-bb060f73.js";const k=["src","alt"],V={class:"flex flex-col gap-3 w-full"},_={class:"flex flex-wrap gap-x-4 gap-y-2 pl-0"},H={key:1,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"shrink-0"},z={class:"text-[#8C8C8C] text-[12px] lg:text-[14px] font-second whitespace-nowrap"},B={__name:"ReferenceCard",props:{reference:{type:Object,required:!0},layout:{type:String,default:"flex"}},setup(l){const t=l,c=a(()=>({flex:"flex flex-col lg:flex-none lg:w-[calc((100%-30px)/2)]",fixed:"flex flex-col lg:flex-none lg:w-[calc((100%-60px)/3)]",horizontal:"flex flex-col lg:flex-row"})[t.layout]),p=a(()=>({flex:"h-[196px] lg:h-auto lg:aspect-[420/252] w-full shrink-0",fixed:"h-[196px] lg:h-auto lg:aspect-[420/252] w-full shrink-0",horizontal:"h-[196px] lg:h-auto lg:self-stretch lg:min-h-[252px] lg:w-[420px] w-full shrink-0"})[t.layout]),g=a(()=>({flex:"flex flex-col gap-4 lg:gap-6 p-4 lg:p-5 flex-1",fixed:"flex flex-col gap-4 p-4 lg:p-5 flex-1",horizontal:"flex flex-col gap-4 lg:gap-6 p-4 lg:px-8 lg:py-5 lg:flex-1"})[t.layout]),f=a(()=>({flex:"text-[18px] lg:text-[20px] font-semibold leading-[1.5] lg:leading-[1.4]",fixed:"text-[18px] lg:text-[20px] font-semibold leading-[1.5]",horizontal:"text-[18px] lg:text-[20px] font-semibold leading-[1.5]"})[t.layout]),d=a(()=>({flex:"text-[14px] lg:text-[16px] leading-[1.8] lg:leading-[1.6] line-clamp-5 lg:line-clamp-4",fixed:"text-[14px] leading-[1.8] lg:leading-[1.6] line-clamp-5 lg:line-clamp-4",horizontal:"text-[14px] leading-[1.8] lg:leading-[1.6] line-clamp-5 lg:line-clamp-3"})[t.layout]);return(u,s)=>(n(),h(m(C),{href:u.route("single.reference",l.reference.slug),class:o([c.value,"bg-white shadow-[0px_1px_2px_rgba(0,0,0,0.08),0px_4px_8px_rgba(0,0,0,0.08),0px_2px_4px_rgba(0,0,0,0.08)] group"])},{default:w(()=>[e("div",{class:o([p.value,"relative overflow-hidden"])},[e("img",{src:l.reference.image,alt:l.reference.title,class:"absolute inset-0 w-full h-full object-cover"},null,8,k)],2),e("div",{class:o(g.value)},[e("div",V,[e("ul",_,[(n(!0),i(y,null,v(l.reference.tags,r=>(n(),i("li",{key:r.title,class:"flex items-center gap-1"},[r.icon?(n(),i("span",{key:0,class:"w-4 h-4 shrink-0 bg-center bg-no-repeat bg-contain",style:b({backgroundImage:`url(${r.icon})`})},null,4)):(n(),i("svg",H,s[0]||(s[0]=[e("path",{d:"M2.91016 12.7274H5.09197V2.90918H2.91016V12.7274ZM5.81925 12.7274H8.00105V2.90918H5.81925V12.7274ZM8.72836 12.7274H10.9102V2.90918H8.72836V12.7274ZM11.6374 2.90918V5.091H13.8192V2.90918H11.6374Z",fill:"#8C8C8C"},null,-1)]))),e("span",z,x(r.title),1)]))),128))]),e("h3",{class:o([f.value,"text-[var(--main-color)] group-hover:text-[var(--red-color)] transition-colors duration-300 font-second w-full"])},x(l.reference.title),3),e("p",{class:o([d.value,"text-[var(--main-color)] font-second w-full"])},x(l.reference.description),3)]),s[1]||(s[1]=e("span",{class:"flex items-center gap-2 mt-auto text-[var(--red-color)] group-hover:text-[var(--red-hover-color)] transition-colors duration-300"},[e("span",{class:"text-[16px] font-semibold font-second leading-[1.6] whitespace-nowrap"},"Читать подробнее"),e("svg",{width:"8",height:"14",viewBox:"0 0 8 13.3333",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"shrink-0 transition-transform duration-300 group-hover:translate-x-[2px]"},[e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 11.7611L4.94673 6.66667L0 1.57222L1.52663 0L8 6.66667L1.52663 13.3333L0 11.7611Z",fill:"currentColor"})])],-1))],2)]),_:1},8,["href","class"]))}};export{B as default};