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 (
<>
>
)
}
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}
)