1import{j as e}from"./VariantContext.DvYRgBT-.js";import{r as o}from"./index.o9bRfbtw.js";const p=d=>{const{heading:m,description:l,stats:r}=d,[c,i]=o.useState("repeat(1, 1fr)");return o.useEffect(()=>{const s=()=>{const t=window.innerWidth,a=r?.length||0;if(t>=1024){const n=Math.min(a,4);i(`repeat(${n}, 1fr)`)}else if(t>=601){const n=a>=2&&a%2===0?2:1;i(`repeat(${n}, 1fr)`)}else i("repeat(1, 1fr)")};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[r?.length]),e.jsx("section",{id:"stats2",className:"bem_stats px-[5%] py-16 md:py-24 lg:py-20",children:e.jsxs("div",{className:"bem_stats__container container flex flex-col items-start",children:[e.jsxs("div",{className:"bem_stats__header rb-12 mb-12 grid grid-cols-1 items-start justify-between gap-5 md:mb-18 md:grid-cols-2 md:gap-x-12 md:gap-y-8 lg:mb-10 lg:gap-x-20",children:[e.jsx("h2",{className:"bem_stats__heading typo-h2",style:{"--fw-h2":700},children:m}),e.jsx("p",{className:"bem_stats__description typo-body",children:l})]}),e.jsx("div",{className:"bem_stats__grid grid w-full items-start justify-start gap-6 gap-y-8 md:gap-x-4 lg:gap-x-6 lg:gap-y-8",style:{gridTemplateColumns:c},children:r?.map((s,t)=>e.jsxs("div",{className:"bem_stats__item w-full border-l-2 border-border-primary pl-8",children:[e.jsx("h1",{className:"bem_stats__percentage typo-h1 mb-2",style:{"--fw-h1":700},children:s.percentage}),e.jsx("h3",{className:"bem_stats__item-heading typo-h3",children:s.heading})]},t))})]})})},u={heading:"Long heading is what you see here in this feature section",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla.",stats:[{percentage:"30%",heading:"Short heading goes here"},{percentage:"30%",heading:"Short heading goes here"},{percentage:"30%",heading:"Short heading goes here"}]};export{p as Stats2,u as Stats2Defaults};
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.