import{$ as p,j as a,c1 as d,e as c,b as f,T as x}from"./mui-vendor-CkIVaoQP.js";import{f as l,r as m}from"./react-vendor-CmFgShSM.js";import{fo as h,G as u,fp as g,m as b}from"./index-Cr86_nOs.js";import{u as y}from"./redux-vendor-B7uoacJt.js";const T=d(b.div)(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",gap:"10px",width:window.innerWidth<=600?"40vw":"180px",height:window.innerWidth<=600?"40vw":"180px",borderRadius:"16px",background:e.palette.mode==="dark"?"#1e272e":"#ffffff",borderStyle:"solid",borderWidth:"1px",borderColor:e.palette.primary.main,boxShadow:e.palette.mode==="dark"?"5px 5px 15px rgba(0, 0, 0, 0.5)":"5px 5px 15px rgba(0, 0, 0, 0.1)",transition:"transform 0.2s ease, background 0.4s ease","&:hover":{transform:"translateY(-10px)",background:e.palette.mode==="dark"?"#2f3640":"#f5f6fa"},padding:2})),S=({icon:e,title:o,badgeContent:i,...s})=>{const t=p(),r=y(),{pathname:n}=l();return m.useEffect(()=>{r(h(n))},[r]),a.jsx(u,{onClick:()=>{r(g(o))},children:a.jsxs(T,{...s,initial:{opacity:0,scale:.9},animate:{opacity:1,scale:1},transition:{duration:.6},theme:t,children:[a.jsx(c,{badgeContent:i,color:"primary",children:a.jsx(f,{sx:{fontSize:"20px",color:"#00a8ff"},children:e})}),a.jsx(x,{sx:{fontSize:"14px",fontWeight:600,textAlign:"center",color:t.palette.mode==="dark"?"#f5f6fa":"#2f3640"},children:o})]})})};export{S as L};
