import { ChakraBottomNav, ChakraBottomNavItem } from './ChakraBottomNav'
import { FiHome, FiTrendingUp } from 'react-icons/fi'
import { useTranslation } from 'react-i18next'

export const BottomNav = (props) => {
    const { t } = useTranslation()

    return (
        <ChakraBottomNav {...props}>
            <ChakraBottomNavItem
                icon={FiHome}
                text={t('home')}
                navPath="/home"
                index="1"
            />

            <ChakraBottomNavItem
                icon={FiTrendingUp}
                text={t('farm')}
                navPath="/farm"
                index="2"
            />
        </ChakraBottomNav>
    )
}