https://kalijo.io/assets/compare-uR_XfvAy.js

1import{r as k,j as e}from"./index-CIxoUIIZ.js";function L(l){return{SUI:"/images/sui.png",CETUS:"https://imagedelivery.net/cBNDGgkrsEA-b_ixIp9SkQ/cetus.jpeg/public",USDC:"/images/usdc.png",ETH:"https://static.debank.com/image/coin/logo_url/eth/6443cdccced33e204d90cb723c632917.png",WETH:"https://static.debank.com/image/coin/logo_url/eth/6443cdccced33e204d90cb723c632917.png"}[l]||"/images/ethereum-eth-logo.png"}function G(l){return{arb:{name:"Arbitrum",image:"arbitrum-arb-logo.png"},base:{name:"Base",image:"base.png"},op:{name:"Optimism",image:"optimism-ethereum-op-logo.png"},sui:{name:"Sui",image:"sui.png"},eth:{name:"Ethereum",image:"ethereum-eth-logo.png"}}[l.toLowerCase()]||{name:l.toUpperCase(),image:"ethereum-eth-logo.png"}}function R(l){const{data:c}=l,o=c.nimbusCetus,C=c.portfolio.reduce((t,n)=>t+n.portfolio_item_list.reduce((i,b)=>i+b.stats.net_usd_value,0),0),x=o?.summary?.totalValue||0,v=c.user?.usd_value||C+x,u=c.portfolio.reduce((t,n)=>t+n.portfolio_item_list.length,0),M=o?.positions?.length||0,_=u+M,$=[...new Set(c.portfolio.map(t=>t.chain))],F=o?["sui"]:[],P=[...new Set([...$,...F])],A=c.user.stats.top_protocols.map(t=>({name:t.name,logo:t.logo_url,chain:t.chain_id,value:t.usd_value})),V=o?.summary?.protocols?.map(t=>({name:t.name,logo:t.logo,chain:"sui",value:t.totalValue}))||[],E=new Map;

1[...A,...V].forEach(t=>{let n=t.name;if(t.name.includes("Uniswap V3")?n="Uniswap V3":(t.name==="Camelot"||t.name==="Camelot V3")&&(n="Camelot"),E.has(n)){const i=E.get(n);i.value+=t.value}else E.set(n,{name:n,logo:t.logo,chain:t.chain,value:t.value})});const H=Array.from(E.values()).sort((t,n)=>n.value-t.value),s=[];c.portfolio.forEach(t=>{t.portfolio_item_list.forEach((n,i)=>{if(n.asset_token_list&&n.asset_token_list.length>=2){const w=n.asset_token_list.slice(0,2).map(U=>({...U,symbol:U.symbol==="WETH"?"ETH":U.symbol})),N=`${w[0].symbol}/${w[1].symbol}`;s.push({id:`${t.id}-${i}`,pair:N,protocol:t.name,chain:t.chain.toUpperCase(),value:n.stats.net_usd_value,logo:t.logo_url})}})}),o?.positions&&o.positions.forEach((t,n)=>{if(t.type==="CLMM"&&t.current.tokens.length>=2){const i=t.current.tokens.slice(0,2),b=i.map(N=>({...N,token:{...N.token,symbol:N.token.symbol==="WETH"?"ETH":N.token.symbol}})),w=`${b[0].token.symbol}/${b[1].token.symbol}`;s.push({id:`cetus-${n}`,pair:w,protocol:t.meta.protocol.name,chain:"SUI",value:i.reduce((N,U)=>N+U.value,0),logo:t.meta.protocol.logo})}});const a=new Map;c?.portfolio&&c.portfolio.forEach(t=>{t.portfolio_item_list?.forEach(n=>{n.asset_token_list?.forEach(i=>{if(i.symbol&&i.amount>0){const b=i.symbol==="WETH"?"ETH":i.symbol,w=i.amount*i.price;if(a.has(b)){const N=a.get(b);N.amount+=i.amount,N.value+=w,N.percent=N.value/v}else{const N=i.symbol==="WETH"?L("ETH"):i.logo_url||L(b);a.set(b,{symbol:b,amount:i.amount,value:w,price:i.price,logo:N,percent:w/v})}}})})});const d=c?.portfolio?.find(t=>t.name==="Camelot")?.portfolio_item_list?.find(t=>t.name==="Staked");let m=0,g=0,p=0;if(d?.asset_token_list?.[0]){const t=d.asset_token_list[0];m=t.amount||0,g=d.stats?.net_usd_value||0,p=t.price||0}if(m>0&&g>0)if(a.has("GRAIL")){const t=a.get("GRAIL");t.amount+=m,t.value+=g,t.percent=t.value/v}else a.set("GRAIL",{symbol:"GRAIL",amount:m,value:g,price:p,logo:"https://static.debank.com/image/arb_token/logo_url/0x3d9907f9a368ad0a51be60f7da3b97cf940982d8/95c9dc6c79868004d76b9f353a67a5c1.png",percent:g/v});const h=o?.positions?.find(t=>t.type==="Staking");let j=0,f=0;const S=o?.positions?.find(t=>t.current?.tokens?.some(n=>n.token?.symbol==="CETUS"))?.current?.tokens?.find(t=>t.token?.symbol==="CETUS")?.token?.last24hPrice;if(h?.current?.tokens?.[0]&&(j=h.current.tokens[0].amount||0,f=j*S),j>0)if(a.has("CETUS")){const t=a.get("CETUS");t.amount+=j,t.value+=f,t.percent=t.value/v}else a.set("CETUS",{symbol:"CETUS",amount:j,value:f,price:S,logo:L("CETUS"),percent:f/v});(o?.summary?.tokens||[]).forEach(t=>{const n=t.symbol==="WETH"?"ETH":t.symbol;if(a.has(n)){const i=a.get(n);i.amount+=t.totalAmount,i.value+=t.totalValue,i.percent=i.value/v,i.logo||(i.logo=L(n))}else{let i=t.price,b=t.totalValue;t.symbol==="CETUS"&&t.price===0&&(i=S,b=t.totalAmount*i),a.set(n,{symbol:n,amount:t.totalAmount,value:b,price:i,logo:L(n),percent:b/v})}});const z=Array.from(a.values()).sort((t,n)=>n.value-t.value);return{extractedAt:l.extractedAt,totalValue:v,activePositions:_,blockchains:P,protocols:H,topCoins:c.user.stats.top_coins,suiTokens:o?.summary?.tokens||[],pools:s.sort((t,n)=>n.value-t.value),allTokens:z,rawData:c,nimbusCetus:o}}async function W(l){try{const c=new Date().toISOString().split("T")[0],o=l===c?"https://static.plunderswap.com/kalijo-data/kalijo-data.json":`https://static.plunderswap.com/kalijo-data/archive/${l}-kalijo-data.json`,C=await fetch(o);if(!C.ok)return console.warn(`Failed to fetch data for ${l}: ${C.status}`),null;const x=await C.json();return R(x)}catch(c){return console.error(`Error fetching assets data for ${l}:`,c),null}}function D(l,c){return c===0?l>0?100:0:(l-c)/c*100}function T(l){const c=l>=0?"text-green-500":"text-red-500",o=l>=0?"+":"";return e.jsxs("span",{className:c,children:[o,l.toFixed(1),"%"]})}function q(){const[l,c]=k.useState(""),[o,C]=k.useState(""),[x,v]=k.useState(null),[u,M]=k.useState(null),[_,$]=k.useState(!1),[F,P]=k.useState(!1),[A,V]=k.useState(""),[E,H]=k.useState("");return k.useEffect(()=>{const s=new Date().toISOString().split("T")[0],a=new Date(Date.now()-1440*60*1e3).toISOString().split("T")[0];c(a),C(s)},[]),k.useEffect(()=>{l&&($(!0),V(""),W(l).then(s=>{s?v(s):V(`No data available for ${l}`)}).finally(()=>$(!1)))},[l]),k.useEffect(()=>{o&&(P(!0),H(""),W(o).then(s=>{s?M(s):H(`No data available for ${o}`)}).finally(()=>P(!1)))},[o]),e.jsxs("div",{className:"container mx-auto px-4 py-10",children:[e.jsxs("h1",{className:"text-4xl font-bold mb-8 text-center",children:[e.jsx("span",{className:"text-seed-pink",children:"SEED"})," Portfolio Comparison"]}),e.jsxs("div",{className:"card-bg-dark p-6 mb-8",children:[e.jsx("h2",{className:"text-2xl font-bold mb-4",children:"Select Dates to Compare"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Date 1 (Baseline)"}

1),e.jsx("input",{type:"date",value:l,onChange:s=>c(s.target.value),className:`w-full px-3 py-2 bg-black bg-opacity-30 border border-gray-600 rounded-lg text-white \r
2                         [color-scheme:dark] focus:border-blue-400 focus:ring-1 focus:ring-blue-400 \r
3                         hover:border-gray-400 transition-colors`}),_&&e.jsx("p",{className:"text-gray-400 mt-2",children:"Loading..."}),A&&e.jsx("p",{className:"text-red-500 mt-2",children:A})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-sm font-medium mb-2",children:"Date 2 (Comparison)"}),e.jsx("input",{type:"date",value:o,onChange:s=>C(s.target.value),className:`w-full px-3 py-2 bg-black bg-opacity-30 border border-gray-600 rounded-lg text-white \r
4                         [color-scheme:dark] focus:border-purple-400 focus:ring-1 focus:ring-purple-400 \r
5                         hover:border-gray-400 transition-colors`}),F&&e.jsx("p",{className:"text-gray-400 mt-2",children:"Loading..."}),E&&e.jsx("p",{className:"text-red-500 mt-2",children:E})]})]})]}),x&&u&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"card-bg-dark p-6 mb-8",children:[e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"Total Value Locked Comparison"}),e.jsx("p",{className:"text-sm text-gray-400 mb-4",children:"*Includes wallet balances"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[e.jsxs("div",{className:"text-center",children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-300 mb-2",children:l}),e.jsxs("p",{className:"text-3xl font-bold text-blue-400",children:["$",x.totalValue.toLocaleString("en-US",{maximumFractionDigits:0})]})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-300 mb-2",children:o}),e.jsxs("p",{className:"text-3xl font-bold text-purple-400",children:["$",u.totalValue.toLocaleString("en-US",{maximumFractionDigits:0})]})]}),e.jsxs("div",{className:"text-center",children:[e.jsx("h3",{className:"text-lg font-semibold text-gray-300 mb-2",children:"Difference"}),e.jsxs("p",{className:"text-2xl font-bold",children:["$",(u.totalValue-x.totalValue).toLocaleString("en-US",{maximumFractionDigits:0})]}),e.jsx("p",{className:"text-xl",children:T(D(u.totalValue,x.totalValue))})]})]})]}),e.jsxs("div",{className:"card-bg-dark p-6 mb-8",children:[e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"DEX Protocol Comparison"}),e.jsx("div",{className:"hidden md:block overflow-x-auto",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-gray-600",children:[e.jsx("th",{className:"text-left py-3",children:"Protocol"}),e.jsx("th",{className:"text-right py-3",children:l}),e.jsx("th",{className:"text-right py-3",children:o}),e.jsx("th",{className:"text-right py-3",children:"Difference"}),e.jsx("th",{className:"text-right py-3",children:"% Change"})]})}),e.jsx("tbody",{children:Array.from(new Set([...x.protocols.map(s=>s.name),...u.protocols.map(s=>s.name)])).map(s=>{const a=x.protocols.find(h=>h.name===s),r=u.protocols.find(h=>h.name===s),d=a?.value||0,m=r?.value||0,g=m-d,p=D(m,d);return e.jsxs("tr",{className:"border-b border-gray-700",children:[e.jsxs("td",{className:"py-3 flex items-center gap-2",children:[e.jsx("img",{src:r?.logo||a?.logo||"/images/ethereum-eth-logo.png",alt:s,width:24,height:24,className:"rounded-lg"}),s]}),e.jsxs("td",{className:"text-right py-3 text-blue-400",children:["$",d.toLocaleString("en-US",{maximumFractionDigits:0})]}),e.jsxs("td",{className:"text-right py-3 text-purple-400",children:["$",m.toLocaleString("en-US",{maximumFractionDigits:0})]}),e.jsxs("td",{className:"text-right py-3",children:["$",g.toLocaleString("en-US",{maximumFractionDigits:0})]}),e.jsx("td",{className:"text-right py-3",children:T(p)})]},s)})})]})}),e.jsx("div",{className:"md:hidden space-y-4",children:Array.from(new Set([...x.protocols.map(s=>s.name),...u.protocols.map(s=>s.name)])).map(s=>{const a=x.protocols.find(h=>h.name===s),r=u.protocols.find(h=>h.name===s),d=a?.value||0,m=r?.value||0,g=m-d,p=D(m,d);return e.jsxs("div",{className:"bg-black bg-opacity-30 p-4 rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx("img",{src:r?.logo||a?.logo||"/images/ethereum-eth-logo.png",alt:s,width:24,height:24,className:"rounded-lg"}),e.jsx("h3",{className:"font-semibold",children:s})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 text-sm",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-400",children:l}),e.jsxs("p",{className:"text-blue-400 font-medium",children:["$",d.toLocaleStr

5ing("en-US",{maximumFractionDigits:0})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-400",children:o}),e.jsxs("p",{className:"text-purple-400 font-medium",children:["$",m.toLocaleString("en-US",{maximumFractionDigits:0})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-400",children:"Difference"}),e.jsxs("p",{className:"font-medium",children:["$",g.toLocaleString("en-US",{maximumFractionDigits:0})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-400",children:"Change"}),e.jsx("p",{className:"font-medium",children:T(p)})]})]})]},s)})})]}),e.jsxs("div",{className:"card-bg-dark p-6 mb-8",children:[e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"Top Holdings Comparison"}),e.jsx("div",{className:"hidden lg:block overflow-x-auto",children:e.jsxs("table",{className:"w-full",children:[e.jsxs("thead",{children:[e.jsxs("tr",{className:"border-b border-gray-600",children:[e.jsx("th",{rowSpan:2,className:"text-left py-3 align-bottom",children:"Token"}),e.jsx("th",{colSpan:3,className:"text-center py-1 border-b border-gray-700",children:"Amount"}),e.jsx("th",{colSpan:3,className:"text-center py-1 border-b border-gray-700",children:"Price"}),e.jsx("th",{colSpan:3,className:"text-center py-1 border-b border-gray-700",children:"Value"})]}),e.jsxs("tr",{className:"border-b border-gray-600",children:[e.jsx("th",{className:"text-right py-2 text-sm",children:l}),e.jsx("th",{className:"text-right py-2 text-sm",children:o}),e.jsx("th",{className:"text-right py-2 text-sm",children:"Change"}),e.jsx("th",{className:"text-right py-2 text-sm",children:l}),e.jsx("th",{className:"text-right py-2 text-sm",children:o}),e.jsx("th",{className:"text-right py-2 text-sm",children:"Change"}),e.jsx("th",{className:"text-right py-2 text-sm",children:l}),e.jsx("th",{className:"text-right py-2 text-sm",children:o}),e.jsx("th",{className:"text-right py-2 text-sm",children:"Change"})]})]}),e.jsx("tbody",{children:Array.from(new Set([...x.allTokens.slice(0,10).map(s=>s.symbol),...u.allTokens.slice(0,10).map(s=>s.symbol)])).slice(0,15).map(s=>{const a=x.allTokens.find(S=>S.symbol===s),r=u.allTokens.find(S=>S.symbol===s),d=a?.amount||0,m=r?.amount||0,g=a?.price||0,p=r?.price||0,h=a?.value||0,j=r?.value||0,f=D(m,d),y=D(p,g),I=D(j,h);return e.jsxs("tr",{className:"border-b border-gray-700",children:[e.jsxs("td",{className:"py-3 flex items-center gap-2",children:[e.jsx("img",{src:r?.logo||a?.logo||L(s),alt:s,width:24,height:24,className:"rounded-full"}),s]}),e.jsx("td",{className:"text-right py-3 text-blue-400",children:d.toLocaleString("en-US",{maximumFractionDigits:2})}),e.jsx("td",{className:"text-right py-3 text-purple-400",children:m.toLocaleString("en-US",{maximumFractionDigits:2})}),e.jsx("td",{className:"text-right py-3",children:T(f)}),e.jsxs("td",{className:"text-right py-3 text-blue-400",children:["$",g.toLocaleString("en-US",{maximumFractionDigits:2})]}),e.jsxs("td",{className:"text-right py-3 text-purple-400",children:["$",p.toLocaleString("en-US",{maximumFractionDigits:2})]}),e.jsx("td",{className:"text-right py-3",children:T(y)}),e.jsxs("td",{className:"text-right py-3 text-blue-400",children:["$",h.toLocaleString("en-US",{maximumFractionDigits:0})]}),e.jsxs("td",{className:"text-right py-3 text-purple-400",children:["$",j.toLocaleString("en-US",{maximumFractionDigits:0})]}),e.jsx("td",{className:"text-right py-3",children:T(I)})]},s)})})]})}),e.jsx("div",{className:"lg:hidden space-y-4",children:Array.from(new Set([...x.allTokens.slice(0,10).map(s=>s.symbol),...u.allTokens.slice(0,10).map(s=>s.symbol)])).slice(0,15).map(s=>{const a=x.allTokens.find(S=>S.symbol===s),r=u.allTokens.find(S=>S.symbol===s),d=a?.amount||0,m=r?.amount||0,g=a?.price||0,p=r?.price||0,h=a?.value||0,j=r?.value||0,f=D(m,d),y=D(p,g),I=D(j,h);return e.jsxs("div",{className:"bg-black bg-opacity-30 p-4 rounded-lg",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-4",children:[e.jsx("img",{src:r?.logo||a?.logo||L(s),alt:s,width:32,height:32,className:"rounded-full"}),e.jsx("h3",{className:"text-lg font-semibold",children:s})]}),e.jsxs("div",{className:"mb-3",children:[e.jsx("h4",{className:"text-gray-400 text-sm font-medium mb-2",children:"Amount"}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 text-sm",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-500 text-xs",children:l}),e.jsx("p",{className:"text-blue-400 font-medium",children:d.toLocaleStr

5ing("en-US",{maximumFractionDigits:2})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-500 text-xs",children:o}),e.jsx("p",{className:"text-purple-400 font-medium",children:m.toLocaleString("en-US",{maximumFractionDigits:2})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-500 text-xs",children:"Change"}),e.jsx("p",{className:"font-medium",children:T(f)})]})]})]}),e.jsxs("div",{className:"mb-3",children:[e.jsx("h4",{className:"text-gray-400 text-sm font-medium mb-2",children:"Price"}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 text-sm",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-500 text-xs",children:l}),e.jsxs("p",{className:"text-blue-400 font-medium",children:["$",g.toLocaleString("en-US",{maximumFractionDigits:2})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-500 text-xs",children:o}),e.jsxs("p",{className:"text-purple-400 font-medium",children:["$",p.toLocaleString("en-US",{maximumFractionDigits:2})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-500 text-xs",children:"Change"}),e.jsx("p",{className:"font-medium",children:T(y)})]})]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:"text-gray-400 text-sm font-medium mb-2",children:"Total Value"}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 text-sm",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-500 text-xs",children:l}),e.jsxs("p",{className:"text-blue-400 font-medium",children:["$",h.toLocaleString("en-US",{maximumFractionDigits:0})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-500 text-xs",children:o}),e.jsxs("p",{className:"text-purple-400 font-medium",children:["$",j.toLocaleString("en-US",{maximumFractionDigits:0})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-500 text-xs",children:"Change"}),e.jsx("p",{className:"font-medium",children:T(I)})]})]})]})]},s)})})]}),e.jsxs("div",{className:"card-bg-dark p-6 mb-8",children:[e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"Liquidity Pools Comparison"}),e.jsx("div",{className:"hidden md:block overflow-x-auto",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-gray-600",children:[e.jsx("th",{className:"text-left py-3",children:"Pool"}),e.jsx("th",{className:"text-left py-3",children:"Protocol"}),e.jsx("th",{className:"text-left py-3",children:"Chain"}),e.jsxs("th",{className:"text-right py-3",children:[l," Value"]}),e.jsxs("th",{className:"text-right py-3",children:[o," Value"]}),e.jsx("th",{className:"text-right py-3",children:"Change"})]})}),e.jsx("tbody",{children:Array.from(new Set([...x.pools.map(s=>s.pair),...u.pools.map(s=>s.pair)])).map(s=>{const a=x.pools.find(y=>y.pair===s),r=u.pools.find(y=>y.pair===s),d=a?.value||0,m=r?.value||0,g=D(m,d),p=r?.protocol||a?.protocol||"",h=r?.chain||a?.chain||"",j=r?.logo||a?.logo||"",f=G(h);return e.jsxs("tr",{className:"border-b border-gray-700",children:[e.jsx("td",{className:"py-3",children:s}),e.jsxs("td",{className:"py-3 flex items-center gap-2",children:[e.jsx("img",{src:j,alt:p,width:20,height:20,className:"rounded-lg"}),p]}),e.jsx("td",{className:"py-3",children:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("img",{src:`/images/${f.image}`,alt:f.name,width:16,height:16,className:"rounded-full"}),f.name]})}),e.jsxs("td",{className:"text-right py-3 text-blue-400",children:["$",d.toLocaleString("en-US",{maximumFractionDigits:0})]}),e.jsxs("td",{className:"text-right py-3 text-purple-400",children:["$",m.toLocaleString("en-US",{maximumFractionDigits:0})]}),e.jsx("td",{className:"text-right py-3",children:T(g)})]},s)})})]})}),e.jsx("div",{className:"md:hidden space-y-4",children:Array.from(new Set([...x.pools.map(s=>s.pair),...u.pools.map(s=>s.pair)])).map(s=>{const a=x.pools.find(y=>y.pair===s),r=u.pools.find(y=>y.pair===s),d=a?.value||0,m=r?.value||0,g=D(m,d),p=r?.protocol||a?.protocol||"",h=r?.chain||a?.chain||"",j=r?.logo||a?.logo||"",f=G(h);return e.jsxs("div",{className:"bg-black bg-opacity-30 p-4 rounded-lg",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("h3",{className:"font-semibold text-lg",children:s}),e.jsx("div",{className:"text-right",children:e.jsx("p",{className:"text-sm font-medium",children:T(g)}

5)})]}),e.jsxs("div",{className:"flex items-center gap-4 mb-3 text-sm",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:j,alt:p,width:20,height:20,className:"rounded-lg"}),e.jsx("span",{className:"text-gray-300",children:p})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("img",{src:`/images/${f.image}`,alt:f.name,width:16,height:16,className:"rounded-full"}),e.jsx("span",{className:"text-gray-300",children:f.name})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 text-sm",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-400",children:l}),e.jsxs("p",{className:"text-blue-400 font-medium",children:["$",d.toLocaleString("en-US",{maximumFractionDigits:0})]})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-gray-400",children:o}),e.jsxs("p",{className:"text-purple-400 font-medium",children:["$",m.toLocaleString("en-US",{maximumFractionDigits:0})]})]})]})]},s)})})]})]}),(!x||!u)&&e.jsx("div",{className:"card-bg-dark p-6 text-center",children:e.jsx("p",{className:"text-gray-400",children:_||F?"Loading portfolio data...":"Select two dates to compare portfolio performance"})})]})}export{q as component};