import{d as a,c as n,j as e,L as r,m as l}from"./index-CxGMQRP8.js";const i="https://cdn.storysparkle.org/ui_elements/Hero%20Icons/Story%20Themes.webp",d=({className:s=""})=>{const{getLocalizedPath:t}=a(),{t:o}=n("landing");return e.jsx(r,{to:t("/themes"),onClick:()=>window.scrollTo({top:0,behavior:"instant"}),className:`block ${s}`,children:e.jsxs(l.div,{className:"relative inline-flex flex-col items-center pl-12",whileHover:{scale:1.05},whileTap:{scale:.98},transition:{type:"spring",stiffness:400,damping:17},children:[e.jsx("img",{src:i,alt:"Story Themes",className:"absolute -top-0 left-0 w-20 h-auto pointer-events-none z-10 rotate-[-15deg]"}),e.jsx("div",{className:`bg-gradient-to-r from-emerald-500 via-teal-500 to-cyan-500 
                        pl-14 pr-10 py-4 rounded-full shadow-lg shadow-emerald-500/30
                        hover:shadow-xl hover:shadow-emerald-500/40 transition-shadow`,children:e.jsx("span",{className:"text-white font-bold uppercase tracking-widest text-sm md:text-base whitespace-nowrap",children:o("themes.exploreButton")})})]})})};export{d as E};
//# sourceMappingURL=ExploreThemesButton-CwfNfMSb.js.map