import{ab as f,j as e,B as s,ac as m,ad as u,r as j,ae as p,X as d,J as a,af as b,ag as _,o}from"./index-DR3HTfO6.js";function S({isLatest:t=!1,title:n,description:r=null,icon:i,iconScale:x=.95,slotProps:y={},mode:g="normal",t:h=b,...l}){const c=f();return e.jsxs(s,{...l,className:"arc-login-item",sx:m({position:"relative",display:"flex",alignItems:"center",gap:1,cursor:"pointer",p:1.2,borderRadius:1,backgroundColor:t?"grey.100":"grey.50",border:t?"1px solid":"none",borderColor:t?"grey.100":"transparent",textDecoration:"none",transition:"background-color 0.5s","&:hover, &:active, &.did-connect__choose-item__active":{backgroundColor:"grey.100"},"& .other-item-icon":{opacity:"0",transform:"translateX(-100%)",transition:"transform 0.2s ease, opacity 0.1s ease"},"&:hover":{"& .other-item-icon":{display:"inline-block",transform:"translateX(0)",opacity:"1"}}},l?.sx),children:[e.jsx(u,{title:n,children:e.jsx(s,{className:"arc-login-item__icon",sx:m({display:"flex",justifyContent:"center",alignItems:"center",color:"text.primary"},y?.icon?.sx),children:j.isValidElement(i)?i:e.jsx(s,{component:d,icon:i,sx:{transform:`scale(${x})`,width:p,height:p}})})}),g==="normal"?e.jsxs(e.Fragment,{children:[e.jsxs(s,{className:"arc-login-item__body",sx:{display:"flex",flexDirection:"column",flex:1},children:[e.jsx(a,{sx:{fontSize:14,fontWeight:"500",color:"text.primary",whiteSpace:"nowrap"},children:n}),r?e.jsx(a,{sx:{color:"text.secondary",fontSize:12,lineHeight:1},children:r}):null]}),t?e.jsx(a,{component:"span",className:"latest-badge",style:{color:c.palette.text.secondary,fontSize:11},children:h("lastUsed")}):e.jsx(d,{className:"other-item-icon",icon:_,fontSize:"1.3rem",color:c.palette.primary.main})]}):null]})}S.propTypes={title:o.string.isRequired,description:o.string,icon:o.any.isRequired,iconScale:o.number,slotProps:o.object,mode:o.oneOf(["mini","simple","normal"]),isLatest:o.bool,t:o.func};export{S as R};
