import { ReactNode, useState } from 'react' import Link from 'next/link' import { useRouter } from 'next/router' import { ChartBarIcon, CurrencyDollarIcon, MenuIcon, XIcon, } from '@heroicons/react/solid' import { BtcMonoIcon, TradeIcon, TrophyIcon } from '../icons' import { useTranslation } from 'next-i18next' import { IconButton } from '../Button' import { CalculatorIcon, CashIcon, ChevronRightIcon, CurrencyDollarIcon as FeesIcon, LightBulbIcon, SwitchHorizontalIcon, UserAddIcon, } from '@heroicons/react/solid' const StyledBarItemLabel = ({ children, ...props }) => (
{children}
) const BottomBar = () => { const { t } = useTranslation('common') const { asPath } = useRouter() const [showPanel, setShowPanel] = useState(false) return ( <>
{t('markets')} {t('trade')} {t('account')} {t('stats')} setShowPanel(!showPanel)} > {t('more')}
) } export default BottomBar const MoreMenuPanel = ({ showPanel, setShowPanel, }: { showPanel: boolean setShowPanel: (showPanel: boolean) => void }) => { const { t } = useTranslation('common') return (
setShowPanel(false)}>
setShowPanel(false)} > } /> } /> } /> } /> } /> } /> } isExternal />
) } const MoreMenuItem = ({ title, path, icon, isExternal, }: { title: string path: string icon: ReactNode isExternal?: boolean }) => isExternal ? (
{icon} {title}
) : (
{icon} {title}
)