import { useState } from 'react' import FloatingElement from './FloatingElement' import OpenOrdersTable from './OpenOrdersTable' import BalancesTable from './BalancesTable' import TradeHistoryTable from './TradeHistoryTable' import FeeDiscountsTable from './FeeDiscountsTable' const TABS = ['Open Orders', 'Balances', 'Trade History', 'Fee Discounts'] const UserInfoTabs = ({ activeTab, setActiveTab }) => { const handleTabChange = (tabName) => { setActiveTab(tabName) } return (