1import{j as e,a as c,T as p}from"./index-3be42721.js";import{r as m}from"./vendor-91d88cb5.js";import{M as x}from"./MemeCard-48fd233c.js";import{m as d}from"./animation-4d604355.js";import{R as h}from"./refresh-cw-5aace479.js";import"./firebase-be9e5ae4.js";import"./utils-072b33af.js";import"./renderMeme-819679a0.js";import"./exportGate-d0a86a9c.js";import"./PreviewWatermark-c9aaa367.js";import"./pen-line-91312096.js";import"./copy-eb6c1127.js";const C=({memes:s,onRegenerate:n,isRegenerating:a=!1})=>{const o=m.useRef(null);return m.useEffect(()=>{if(!s||s.length===0)return;const t=()=>{var l;return(l=o.current)==null?void 0:l.scrollIntoView({block:"start"})},i=requestAnimationFrame(t),r=setTimeout(t,160);return()=>{cancelAnimationFrame(i),clearTimeout(r)}},[s]),!s||s.length===0?null:e.jsxs(d.section,{ref:o,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.4},className:"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8 scroll-mt-24","aria-label":"Generated memes",children:[e.jsxs("div",{className:"flex items-center justify-between mb-6",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"text-2xl font-semibold tracking-[-0.02em] text-ink flex items-center gap-2",children:[e.jsx(c,{className:"w-5 h-5 text-ink"}),s.length," memes for you"]}),e.jsxs("p",{className:"text-sm text-gray-500 mt-1",children:[e.jsx("span",{className:"sm:hidden",children:"Swipe through them â "}),"Download, edit, copy or restyle any one â sign in to save your work."]})]}),n&&e.jsxs("button",{onClick:n,disabled:a,className:"btn-pill-white disabled:opacity-60 disabled:pointer-events-none",children:[a?e.jsx(p,{size:20,style:{width:16,height:16},"aria-hidden":"true"}):e.jsx(h,{className:"w-4 h-4"}),a?"Regeneratingâ¦":"Regenerate"]})]}),e.jsx("div",{className:"-mx-4 flex snap-x snap-mandatory gap-3 overflow-x-auto px-4 pb-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden sm:mx-0 sm:grid sm:grid-cols-2 sm:gap-4 sm:overflow-visible sm:px-0 sm:pb-0 lg:grid-cols-3",children:s.map((t,i)=>{var r;return e.jsx("div",{className:"w-[86vw] max-w-[420px] shrink-0 snap-center sm:w-auto sm:max-w-none",children:e.jsx(x,{meme:t})},`${(r=t.template)==null?void 0:r.name}-${i}`)})})]})};export{C 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.