1import{dU as m,dF as l,b$ as x,cj as r,M as b}from"./index-D8Qts_6v.js";import{a as g,b as u}from"./about_pillars_heading-ConWbhXP.js";import{a as h}from"./about_pillar_label-o41RyFJ_.js";function N(){const[n,c]=m.useState("pilar-1"),e=l.find(a=>a.id===n)||l[0],t=x()==="en",o=t&&e.title_en||e.title,p=t&&e.shortDesc_en||e.shortDesc,d=t&&e.paragraphs_en?e.paragraphs_en:e.paragraphs,i="imageCaption"in e?t&&e.imageCaption_en||e.imageCaption:void 0;return r.jsxs("section",{className:"krkp-section-tight",id:"pilar",children:[r.jsx("span",{className:"krkp-eyebrow",children:g()}),r.jsx("h2",{className:"krkp-h2 mb-6",children:u()}),r.jsxs("div",{className:"grid gap-8 lg:grid-cols-[1fr_2fr] items-start mt-8 font-sans",children:[r.jsx("div",{className:"flex flex-row lg:flex-col overflow-x-auto lg:overflow-x-visible gap-2 border-b lg:border-b-0 lg:border-l border-[var(--krkp-rule)] pb-4 lg:pb-0 lg:pl-4 scrollbar-none shrink-0",children:l.map(a=>{const s=n===a.id,k=t&&a.title_en||a.title;return r.jsxs("button",{type:"button",onClick:()=>c(a.id),className:`text-left px-4 py-3 rounded-md transition duration-200 shrink-0 lg:shrink flex items-center gap-3 ${s?"bg-[var(--krkp-paper-warm)] text-[var(--krkp-blue)] font-semibold border-l-2 lg:border-l-4 border-[var(--krkp-blue)]":"text-[var(--krkp-ink-soft)] hover:text-[var(--krkp-ink)] hover:bg-[var(--krkp-paper-warm)]/50"}`,children:[r.jsx("span",{className:`krkp-mono text-xs ${s?"text-[var(--krkp-blue)]":"text-[var(--krkp-ink-soft)]"}`,children:a.num}),r.jsx("span",{className:"text-sm",children:k})]},a.id)})}),r.jsx("div",{className:"p-8 rounded-lg border border-[var(--krkp-rule)] bg-[var(--krkp-paper-warm)] min-h-[320px] transition-all duration-300",children:r.jsxs("div",{className:"space-y-4",children:[r.jsx("span",{className:"krkp-mono text-xs text-[var(--krkp-blue)] font-semibold tracking-widest block uppercase",children:h({num:e.num,title:o})}),r.jsx("p",{className:"text-lg font-semibold text-[var(--krkp-ink)] leading-snug",children:p}),r.jsx("hr",{className:"border-[var(--krkp-rule)] my-4"}),r.jsx("div",{className:"space-y-4 text-sm leading-relaxed text-[var(--krkp-ink-soft)]",children:d.map((a,s)=>r.jsx("p",{children:a},s))}),"image"in e&&e.image&&r.jsxs("figure",{className:"mt-6 space-y-2",children:[r.jsx(b,{src:e.image,alt:i||o,className:"w-full h-auto rounded border border-[var(--krkp-rule)]"}),i&&r.jsx("figcaption",{className:"krkp-mono text-xs text-[var(--krkp-ink-soft)] text-center",children:i})]})]})})]})]})}export{N as component};
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.