17.05.2026 funny

src/widgets/wallet-chain-tabs/ui/WalletChainTabs.tsx

@@ -0,0 +1,39 @@
+import { NavLink } from 'react-router-dom'
+import type { Chain } from '@features/wallet'
+import btc from '@shared/assets/btc.svg'
+import eth from '@shared/assets/eth.svg'
+import sol from '@shared/assets/sol.svg'
+import trx from '@shared/assets/trx.svg'
+import bnb from '@shared/assets/bnb.svg'
+import styles from './WalletChainTabs.module.css'
+
+interface TabItem {
+  chain: Chain
+  label: string
+  icon: string
+}
+
+const TABS: TabItem[] = [
+  { chain: 'BTC', label: 'BTC', icon: btc },
+  { chain: 'ETH', label: 'ETH', icon: eth },
+  { chain: 'SOL', label: 'SOL', icon: sol },
+  { chain: 'TRX', label: 'TRX', icon: trx },
+  { chain: 'BSC', label: 'BSC', icon: bnb },
+]
+
+export function WalletChainTabs() {
+  return (
+    <div className={styles.tabs}>
+      {TABS.map((t) => (
+        <NavLink
+          key={t.chain}
+          to={`/wallet/${t.chain.toLowerCase()}`}
+          className={({ isActive }) => `${styles.tab} ${isActive ? styles.active : ''}`}
+        >
+          <img src={t.icon} alt={t.label} className={styles.icon} />
+          <span>{t.label}</span>
+        </NavLink>
+      ))}
+    </div>
+  )
+}