1import{r as d,j as e}from"./metal-fx-C6GZ_SKA.js";import{C as c}from"./portfolio-covers-DBq3zqcx.js";import{fm as m,eT as o}from"./index-D1yBc__G.js";import"./motion-BHwmuFpx.js";function x(){const l=c.slice(0,5),[r,a]=d.useState(0),n=m();return e.jsx("div",{className:"flex h-[300px] w-full gap-2 overflow-hidden rounded-2xl",children:l.map((t,s)=>{const i=s===r;return e.jsxs(o.button,{type:"button",onMouseEnter:()=>a(s),onFocus:()=>a(s),"aria-expanded":i,"aria-label":t.title,className:"relative h-full overflow-hidden rounded-xl border border-white/10 outline-none",initial:!1,animate:{flexGrow:i?6:1},transition:n?{duration:0}:{type:"spring",stiffness:200,damping:26},style:{flexBasis:0},children:[e.jsx("img",{src:t.img,alt:"",className:"absolute inset-0 h-full w-full object-cover",draggable:!1}),e.jsx("div",{className:"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/80 via-black/10 to-transparent"}),e.jsxs(o.div,{className:"absolute bottom-4 left-4 text-left",initial:!1,animate:{opacity:i?1:0,y:i?0:8},transition:n?{duration:0}:{duration:.3,delay:i?.1:0},children:[e.jsx("div",{className:"text-[18px] font-semibold text-white",children:t.title}),e.jsx("div",{className:"text-[12px] text-white/60",children:t.tag})]}),!i&&e.jsx("span",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 whitespace-nowrap text-[11px] font-medium tracking-wide text-white/50 [writing-mode:vertical-rl]",children:t.title})]},t.id)})})}function b(){return e.jsx("div",{className:"flex min-h-[420px] w-full items-center justify-center p-5",children:e.jsx(x,{})})}export{b as Demo,x as default};
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.